Image

The Image Component lets you easily add images to your templates—either dynamically or statically.

Static Images

To add a static image, simply click Upload image, or use an online image by entering its URL in the format: url(your-image-url).

Dynamic Images

To use dynamic images, enable the Dynamic source option. We’ll automatically create a variable based on your component title, formatted as: component_title_src.

Customizing Your Image

You can further style your images by adjusting:

• Horizontal Margin: none (0px), small (12px), medium (20px) or large (20px)

• Border: light gray border around the image

• Rounded: none (0px), small (6px), medium (8px) or full (9999px)

• Object fit: contain, cover, fill, none or scale down

• Image size: full with or fixed size (specific height/width)

Visibility convention

If you choose dynamic images but don’t include the corresponding variable in the payload, the image component won’t appear in the final PDF render.