What are the optimal dimensions for widget covers?
Nicolas Goudemant avatar
Written by Nicolas Goudemant
Updated over a week ago

The cover is the first thing visitors to your site see, so it's important to take care of that first impression.

To do this, you need the right dimensions so that all the information is clearly visible on the cover.

As a reminder, you can edit a cover in Story Settings:

The cover is automatically proposed in the following way:

- On the first page, the image that takes up the most space on the page AND that is not a background.

- If there are no other images than the background, the background will be taken.

Here are the ideal dimensions for widget covers:

💡 Please note: Images are automatically resized to have the best quality possible, what is important is to respect the ratio, the minimum size and make sure not to upload an image larger than 4000px wide.

Bubble :

The ratio is 1:1 and the ideal size for the cover of this widget is 300*300px

Square :

Le ratio est de 1/1 et la taille idéale pour la cover de ce widget est de 400*400px

Card :

The ratio is 9/16 and the minimum size for the cover of this widget is 750*1335px

❗️The immersive iframes don't have a cover because they launch automatically and not on click like the widgets above.

💡 Pro Tip: You can give the dimensions to your graphic designer, or use a tool like Canva to create your covers. Templates will be offered based on the dimensions you specify.

Did this answer your question?