Attaching or adding links to external files and images
Many text box areas in Corsizio allow you to format the content using a simple rich-text Editor or using Markdown formatting and basic HTML. These major content areas include:
- Event descriptions
- Memo body content
- Custom messages on emails
- Event portal site's top and bottom messages
When you need to show or attach a file to any of the above-mentioned text areas, such as images, videos, or documents, you can do so using links to external files hosted on other public document storage services, like Google Drive, Dropbox, iCloud, Cloudup, your own website's file storage, or any other cloud storage service that allows you to host a file and get a public link to it. Most of the time, just having a link to the external resource on the web is sufficient enough for a user to navigate to.
Note: Corsizio does not host files like PDFs, images, videos, or other documents on its platform, but you have complete flexibility to link to any document or web page accessible publicly on the internet. Some file hosting services will even provide a unique URL to your document that only someone who has the URL would be able to access.
To link to a webpage, an image, a video page, or another file, like a document, then all you need is its URL and use the rich-text Editor or the Markdown link format in Code view to insert the link to it in your desired text area. You can create links to anything on the web. Like articles, hosted video or audio, and social media pages. It is easiest to use the "link" icon from the Editor toolbar. If you are using Markdown in Code view, then here is an example:
[My Link Text](https://www.example.com/my-page)
Important note: There must not be any spaces between the first set of brackets [...] and the second set of brackets (...) to create a valid link in Markdown.
To embed an image, and have it show directly in the desired text area, you need the image to be hosted through a third-party image hosting service, like Dropbox, Cloudup, or Google Drive, or on your website and make sure that it is publicly available on the Internet. Then, use its direct image source URL address in the rich-text Editor or as part of the Markdown image format, or use simple HTML to insert the image in your desired text area.
It is easier to use the simple rich-text Editor, but if you needed to use Markdown or HTML in the Code view, the following examples can be helpful.
Markdown link format example:
Markdown linked image example where you combine a Markdown link with image format:
Important note: There must not be any spaces between the first set of brackets [...] and the second set of brackets (...) to create a valid image embed in Markdown.
HTML format example: (allowed only in some areas)
<img src="https://www.example.com/my-image.jpg" alt="Image Title">
Copy either code exactly as you see it above into the Code view, and replace the example URL above with your specific image URL. Replace the words "Image Title" with the title of your image. The image title is for SEO purposes for you and will not be visible to your audience.
IMPORTANT: You must use a proper direct hosted image URL from those services. The link you get from the service, and although it will look like a link to the image, it may actually link to the address of the non-embeddable page that frames the image or invites people to signup for the service. That is obviously not the raw source image location. Other services may provide a dedicated URL to the image source and you will need to explore their tools.
Tip for Dropbox users. After you copy the public Dropbox link, you will need to change ?dl=0 to ?raw=1 at the end of the URL.
Tip for Google Drive users. After you copy the public Google Drive image shareable link, you will need to pluck out the file ID (a long string of random letters and numbers) and inserted at the end of the following URL instead to make the direct link to the source image:
For example, this original Google Drive shareable link...
Should be converted to the following...
Video iframe embed
To add a video iframe embed, and have it show directly in the desired text area, you need the video to be hosted on YouTube or a similar video hosting service and use their HTML IFRAME embed codes in the Code view of the content box. Be sure to have a blank line above and below your embed code. It is also possible to insert a video using the Editor's toolbar "video" icon using just the URL of a YouTube video. This makes it faster and easier to embed a video inside the event description content area.
Other additions of links
- To learn how to add links to external files on registration forms specifically, refer to the help doc Including terms, policies, and waivers on registration forms.
- To learn how to add social media links and its logo images on your event page, refer to the help doc Integrate Corsizio with social media.