Skip to main content

Add a cover to your website

The visuals on your site play a crucial role in helping your visitors envision your establishment. This guide assists you in selecting and setting up a cover photo or video.

Odile Lodewijck avatar
Written by Odile Lodewijck
Updated this week

Add a cover photo

The cover photo is the first element your visitors see when they arrive on your site. It appears at the top of your homepage.

Go to the Visuals section from the site editor and click on Add an image, an image selection modal window will open.

Adding options

Upload from Your Computer

Use a Royalty-Free Image

  1. Stay on the upload tab

  2. Click on click to browse or drag and drop a file

  3. Select the desired image from your computer's file explorer

  4. The image will appear in the editing and cropping tool

  1. Click on the Unsplash or Pexels tab

  2. Enter a relevant keyword in the search field and start the search

  3. Browse the results and click on the image that suits you

  4. The image will appear in the editing and cropping tool

Actions on the cover photo

Once the photo is processed and displayed, click on the menu icon (≡) at the top right of the image.

Edit or delete the cover photo

Once the photo is processed and displayed, click on the menu icon (≡) at the top right of the image.

  • Select Delete to remove the photo

  • Select Change to edit the photo

Assign your cover photo

Properly assigning your photos is essential, especially for those you did not create yourself, to respect copyright. To assign the photo, click on Attributions.

Some pitfalls to avoid for a cover photo

  • An overly busy image (too many elements or presence of text)

  • Important elements placed too close to the edges

  • An original photo but too small to display correctly

Recommended format for a cover photo

  • Landscape format

  • Minimum dimensions: 1000 × 600 px

  • For optimal rendering, prefer an image twice the size of these dimensions


Add a cover video

Adding a video can create a striking visual impression for your visitors. Like the cover photo, the cover video is displayed at the top of your site.

  1. Still from the site editor, in the Visuals section, scroll to the Cover Video section

  2. In the Embed Link field, paste your video's valid YouTube link

  3. Click on Preview to ensure the video is loaded correctly

  4. Click on Save to apply the video link to your site

Some pitfalls to avoid for a cover video

  • A resolution lower than 1080p, which degrades quality

  • A video in vertical format (portrait) or incorrect ratio

  • A video that is too long or too animated, slowing down site loading

Recommended format for a cover video

  • Source: integration via a YouTube link (exclusively)

  • Format: landscape, 16:9 ratio

  • Minimum resolution: 1080p (Full HD)

Did this answer your question?