If you would like to display an image within your event descriptions or landing page messages, follow the steps below.
When using graphics in these areas, we recommend using very small images. Larger images can cause excessive scrolling in your site and diminish user experience. Try to avoid images in the Schedule Message and in your events' short (abbreviated) descriptions when possible.
Inserting an Image
First, upload the image to the internet using the Uploads app or other web service, which will create a direct URL for the image. The URL should end in jpeg, jpg, png or gif.
NEVER display images to which you do not own the rights within your VolunteerHub site. If VolunteerHub determines that you have used an image that you don't own the rights to and/or the copyright owner makes a claim, the image will be removed from your site at a minimum. For more information, please refer to our detailed copyright management terms.
Copy the link (URL) to the image. If using the Uploads app, the image URL will be provided in the uploads list immediately after uploading the file.
Navigate to the area you'd like to insert an image into (e.g., an event's Edit page) and click on the Insert/Edit Image icon (step #1 in Figure 1 below).
Figure 1. Insert a small image into your event descriptions or landing page messages to make them pop.
Enter the Image URL for the image in the Source field (step #2 in Figure 1 above).
When finished, click the Ok button to insert the image into the description field. Don't forget to save the page when finished!
If you encounter the error "Content contains unsecured links to images," ensure your link begins with "https://" (as shown in Figure 1 above) rather than "http://". URLs without the 's' are not secure and cannot be used in VolunteerHub.
To fix this issue, change the beginning of the URL to "https". If that doesn't resolve the issue, re-upload the image to a secure server (e.g., Google Drive, Azure, or VolunteerHub's Uploads app).
Making an Image a Button
- Select the image
- Click the hyperlink (chain) icon
- Enter the URL
- Click 'Save'