Adding images and videos to event pages
In this article
How to add an event cover image or video
- Go to the Event Details page of the event you would like to have an image or video cover. If you are creating an event, this is the page you will see after you finish the 5-step event creation process. If you are editing an already created event, then simply go directly to its event details page by selecting the desired event from your event list.
- Scroll down, below the event stats, where you will find the content of the event and its other configurations, including a section for the event cover photo and video.
- To add a cover image, use the Upload option and select the image file from your computer. The image file must be in one of the following formats with a matching file extension: JPG, PNG, GIF, or SVG.
- To add a cover video, use the Video Overlay option and paste the HTML video embed code from YouTube, Vimeo, or a similar service that provides an IFRAME format. If you are using a YouTube video, you can just paste the video's URL address.
Cover photo and video tips
- A cover photo does not require a video, but a video benefits from also having a cover photo uploaded, which will provide a visual background for the embedded video.
- If you need to remove or change the cover photo, you can completely delete it or upload another one to replace it.
- If you need to remove or change the cover video, select it and clear the embed text field to delete it or replace the code with a new one and save.
- For best results, the uploaded photo should have dimensions of around 1200 pixels in width and around 600 pixels in height to maintain a nice 2:1 display ratio of a rectangle. Keep the focal point in the center of the image, if it matters, as it will be displayed inside a bounding box on different screen sizes with the top and bottom of the image clipped as needed.
How cover photos are displayed
Other image and video options on event pages
- To add an image, and have it show on the event page in the description, 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 URL address as part of the Markdown image format or simple HTML to insert the image into the event description.
Copy either code exactly as you see it above, and simply replace the example URL with your specific image URL above. 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.
- To add a video, and have it show on the event page in the description, you need the video to be hosted on YouTube or a similar video hosting service and use their HTML IFRAME embed codes. Be sure to have a blank line above and below your embed code.
- If you just want to link to an image or video, then all you need is its URL and use the Markdown link format to insert the link into the event description. Links can also be formatted using Markdown to make them look nicer, rather than just inserting a plain URL address.
- You can also add images in the form of a slideshow or photo gallery to your event page by using a free service like Cloudup.com or similar other ones.
To learn more about adding images or videos in the event description using Markdown or HTML, refer to the help doc Attaching or adding links to external files.