Adding images and videos to event pages

When you are creating or editing your event, you have the option to include an event cover image or video that will be featured on the public event page. This will enhance the visual appeal of your event when it is seen as part of your auto-generated portal site, the event page, or embedded card on your website.

In this article

How to add an event cover image or video

To add a cover photo and/or a video overlay, follow these steps:
  1. 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.
  2. 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

The cover photos are displayed in a few places, namely your event portal site, event pages, and embed cards, and have a different height dimension depending on the device screen size they are viewed on. For this reason, it is best to upload a photograph that sets the mood of the event and does not have any text in a specific position added to it, as it may get cut off. The center of the image is always visible, so you can always make sure that the focal point of the image is very close to or in its center. Any text that you want to share with your audience should be part of the event summary or description fields that you fill out as part of Step 3 — Description & Content for the event and not the event cover photo itself. A small statement or a few words in the center of the image would work fine if really needed, but in general text on cover photos does not.
These images are rendered within a bounding box that has a specific width and height as a container. Your photo will always be displayed to fill the bounding box completely given its width and height and is centered inside of it. If the image is not wide or tall enough to fit the full width and height of the bounding box, then it gets stretched or clipped, which also causes the width or height to stretch or be clipped to keep its proportion and to fit inside the box. Images that are too small may get pixelated when stretched or cut off if too big on smaller devices.

Other image and video options on event pages

Aside from the option of having a single cover image or video as part of the event page, you can also add multiple images and video embeds to the event's Full Detailed Description area as part of Step 3 — Description & Content.
  • 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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us