Skip to content

Image

The Image element displays a regular image in JPEG, PNG, GIF or WebP format. It's the block used for decorative visuals, product photos or illustrations.

Image element

Click Edit image to open the cropping tool if an image is already loaded, or to upload a new image. The cropping tool automatically maintains the proportions of the block as drawn on the canvas.

The Contain image option forces the image to fit entirely inside the block, without cropping. When disabled, the image covers the entire block and overflows if needed (recommended for full-width banners).

The Add a link option turns the image into a clickable link. Enable it then fill in the click action (external link, internal page, anchor, email, phone, PDF, product, category…). See the link options described for the button.

Alternative text

The alternative text is a short description of the image used by search engines and screen readers. Fill it in to improve your site's SEO and accessibility.

The Generate alternative text with AI button analyzes your image and suggests a description automatically. You can always correct it after generation.

Image style

The style panel gathers the background, borders, corner radius, shadow, inner margins, filters (opacity, blur, grayscale…) and transitions.

You can also frame the image in a device mockup (iPhone, MacBook, iPad, iMac) to highlight it.

Documentation crafted with ❤️ by our in-house team.