The Image block lets you add static images or GIFs to your email and landing page templates. Images can be sourced from your Image Library, uploaded directly, or generated using AI.
Understand the Image block
The Image block supports three source options.
Upload Image – Upload your own image file directly into the Image Library.
More Images – Browse and select from your Image Library folders or from the stock image search.
Magic Image – Use AI to generate an image from a text description.
Once added, images can be configured with alternate text, a clickable link, and width settings, and can be edited using the built-in image editor.
Before you start
Review the following before working with the Image block.
The Image block must be placed inside a column within a Columns row. It cannot be added directly to the canvas.
Supported file formats include JPG, PNG, and GIF. The file size limit per upload is 2 MB.
A maximum of 10 images can be uploaded simultaneously.
Alternate text should always be added to image blocks for accessibility. Missing alternate text will be flagged by the Audit tool.
The image editor's Merge function permanently applies edits and saves them as a new image file. This action cannot be undone.
Add an Image block
You can add an Image block to both email and landing page templates.
In an email template
Follow the steps below to add an Image block to an email template.
Click Campaign Management Tools in the left navigation menu.
Click Channels, then click Emails.
Open the template you want to edit, then click Designer.
Click the Content tab in the right-side panel.
Drag the Image block from the panel into a column in the canvas.
Click the block to select it. The right-side panel updates to show the Image settings.
In a landing page template
Follow the steps below to add an Image block to a landing page template.
Click Campaign Management Tools in the left navigation menu.
Click Components, then click Landing Pages.
Open the template you want to edit, then click Designer.
Click the Content tab in the right-side panel.
Drag the Image block from the panel into a column in the canvas.
Click the block to select it. The right-side panel updates to show the Image settings.
Upload an image
You can upload image files directly into your template from within the Image block settings.
In an email template
Follow the steps below to upload an image file into an email template.
Click Campaign Management Tools in the left navigation menu.
Click Channels, then click Emails.
Open the template you want to edit, then click Designer.
Click the Image block in the canvas to select it.
In the right-side panel under Image, click Upload Image.
The Image Library opens. Click Upload in the left sidebar, or drag and drop your file into the upload area.
Select or drop the image file you want to upload.
Click Upload to confirm. The image is added to the current folder in the Image Library.
Click the uploaded image to insert it into the block.
In a landing page template
Follow the steps below to upload an image file into a landing page template.
Click Campaign Management Tools in the left navigation menu.
Click Components, then click Landing Pages.
Open the template you want to edit, then click Designer.
Click the Image block in the canvas to select it.
In the right-side panel under Image, click Upload Image.
The Image Library opens. Click Upload in the left sidebar, or drag and drop your file into the upload area.
Select or drop the image file you want to upload.
Click Upload to confirm. The image is added to the current folder in the Image Library.
Click the uploaded image to insert it into the block.
📌 Note: Up to 10 images can be uploaded at once. Each file must be 2 MB or smaller.
Select an image from the Image Library
The Image Library stores all images uploaded to your CRM instance, organised into folders.
In an email template
Follow the steps below to browse the Image Library and select an image in an email template.
Click Campaign Management Tools in the left navigation menu.
Click Channels, then click Emails.
Open the template you want to edit, then click Designer.
Click the Image block in the canvas to select it.
In the right-side panel under Image, click More Images.
The Image Library opens, showing your folder structure in the left sidebar and a grid of images in the main area.
Click a folder to browse its contents, or use the Search field to find an image by name.
Click an image to select and insert it into the block.
In a landing page template
Follow the steps below to browse the Image Library and select an image in a landing page template.
Click Campaign Management Tools in the left navigation menu.
Click Components, then click Landing Pages.
Open the template you want to edit, then click Designer.
Click the Image block in the canvas to select it.
In the right-side panel under Image, click More Images.
The Image Library opens, showing your folder structure in the left sidebar and a grid of images in the main area.
Click a folder to browse its contents, or use the Search field to find an image by name.
Click an image to select and insert it into the block.
Manage Image Library folders
The Image Library supports folder organisation to help you manage image assets.
Click New Folder in the left sidebar to create a new folder within the current location.
Use the edit and delete icons on each folder to rename or remove it.
Generate an AI image
The Magic Image feature uses AI to generate a custom image from a text description.
Follow the steps below to generate an AI image.
Click the Image block in the canvas to select it.
In the right-side panel, locate the Magic Image section.
Click Try it Now!.
Type a description of the image you want, for example "a hotel lobby at sunset" or "a couple dining at a restaurant."
Review the generated image. If satisfied, use it in the block.
⚠️ Important: Always review AI-generated images for brand alignment and appropriateness before publishing.
Configure image settings
When an Image block is selected, the right-side panel provides the following configuration options.
Image
Image URL – The URL of the image currently in the block. The image dimensions are displayed alongside the URL field.
Width – Turn on Auto to size the image automatically to fit the column width, or turn off Auto to set a fixed width using the percentage slider.
Align – The horizontal alignment of the image within the column: left, center, right, or justified.
Alternate Text – A text description of the image for screen readers and email clients that cannot display images. Always complete this field.
Action
Image Link – The action type for when a recipient clicks the image. The default is Open Website.
URL – The destination URL the image links to.
Target – How the link opens: New Tab or Same Tab.
Personalization Links – Optionally select a personalization tag to dynamically generate the link URL based on recipient data.
General
Container Padding – The space around the outside of the image container. Turn on More Options to set all sides independently.
Responsive design
Hide on Desktop – Hides the image block when the email is viewed on a desktop device. The block remains visible in the Designer but is greyed out to indicate it is hidden on that view.
Edit an image using the image editor
The built-in image editor allows you to modify images directly within the Designer before publishing.
Follow the steps below to open and use the image editor.
Click the Image block in the canvas to select it.
Click directly on the image in the canvas to open the image editor. The image editor opens in full-screen view with the image centred and an editing toolbar at the bottom.
Use the toolbar to edit the image.
Filter – Apply a filter or photo effect to the image.
Resize – Change the height or width of the image.
Crop – Trim or cut a portion of the image to adjust composition or remove unwanted areas.
Draw – Draw directly on the image using pens, pencils, shapes, and colours.
Text – Add a text caption to the image. Configure the font, text colour, and size.
Shapes – Insert and customise pre-defined graphical shapes on the image.
Stickers – Add decorative stickers to the image for labelling or visual interest.
Frames – Add a frame design element around the image.
Corners – Round the corners of the image. Use the slider to adjust the corner radius.
Use the undo and redo buttons at the top of the editor to step back or forward through changes.
Use the zoom controls to zoom in or out while editing.
Click Save to apply the edits, or Cancel to discard all changes and return to the template.
⚠️ Warning: The Merge option permanently combines all edits and saves them as a single image file. Use this only when you are certain the edits are final, as this action cannot be undone.
Enable Display Conditions on an Image block
Display Conditions allow the Image block to be shown or hidden for specific recipients based on their profile data.
Follow the steps below to enable Display Conditions on an Image block.
Click the Image block in the canvas to select it.
In the inline block toolbar that appears above the block, click the checkmark icon. This enables Display Conditions for the block. The Display Condition section becomes active at the top of the right-side panel.
Configure the condition to control which recipients see this image.
📌 Note: Display Conditions are also referred to as Dynamic Content. Refer to the Template Designer – Display Conditions article for full guidance.
Duplicate or delete an Image block
The inline block toolbar above the image provides options to duplicate or delete the block.
The copy icon duplicates the block, creating an identical copy immediately below it.
The trash icon deletes the block from the template.
Additional information
The following covers additional topics related to the Image block.
Images tab and Image block
The Images tab in the right-side panel provides access to millions of stock images from Unsplash, Pexels, and Pixabay, and AI image generation via See the Magic. The Image block is the content block you add to your template. It contains its own upload, Image Library, and Magic Image options within the block settings panel.
Supported file types
Standard image formats are supported, including JPG, PNG, and GIF. Each file must be 2 MB or smaller, and up to 10 files can be uploaded at once.
Image audit flags
The Audit tool flags images that are missing alternate text or that have no image source URL. Complete the Alternate Text field and ensure the image URL is populated.
Undo and Merge in the image editor
You can undo changes using the undo button within the editor session. However, if you click Merge, the edits are permanently applied to the image file and cannot be undone. Avoid using Merge unless you are certain the edits are final.
Image Library folders
Use the New Folder button in the Image Library to create folders. Images can be stored in folders to keep assets organised by property, campaign, or content type.