Embedding an image hosted on cloud storage platforms directly into a page on your Event Portal or registration form can sometimes be challenging due to the default sharing links provided by these platforms. Often, these links direct you to a "preview" page rather than the direct image itself. To get the actual download link for the image requires you to tweak the image link slightly.
Google Drive
As of January 2, 2024, Google has changed the user permissions to better protect user privacy. The previous method of using the /uc? path is no longer supported by Google. We therefore recommend moving your hosted images to a different web hosting service which supports embedding with direct links.
Dropbox
Upload the Image:
If your image isn't on Dropbox already, upload it.
Get the Share Link:
Right-click on your image file in Dropbox.
Choose "Create a link" and then "Copy link".
Modify the Dropbox Share Link:
The link you get will be something like:
https://www.dropbox.com/s/xyz12345abc/filename.jpg?dl=0Replace
www.dropbox.comwithdl.dropboxusercontent.comand remove everything after the file extension. The modified Dropbox download link should look like:https://dl.dropboxusercontent.com/s/xyz12345abc/filename.jpg
Embed in ClearEvent:
To embed the image click the Insert Image icon in the Rich Text Editor toolbar.
Paste the modified Dropbox Download Link from the previous step
Click OK
Save your changes.
OneDrive (Home or Personal):
Upload the Image:
Upload your image to OneDrive if it isn't there already.
Access Your OneDrive Storage
Go to the OneDrive website to sign in with your Microsoft Account.
Get Embed Image Link
Pick the file you want to embed by selecting the check box in the upper-right corner of the file.
Select Embed at the top of the page, and then choose Generate.
Embed in ClearEvent:
To embed the image click the Insert Image icon in the Rich Text Editor toolbar.
Paste the OneDrive Embed Link from the previous step
Click OK
Save your changes.
Note: Always ensure that you have the necessary permissions to share and embed images, especially if they're not your own. The methods above make the image publicly accessible to anyone with the link.
Now, you should be able to directly embed your images hosted on these platforms into any Rich Text field displayed on your Event Portal, or registration form.
Happy planning!