Image Content Block

Use the image content block to add images to your emails.

In this article, we’ll cover how to insert images and the different settings available for these content blocks.

Insert an Image content block

To insert an Image content block to your email campaign, follow these steps:

1. Click the Content tab in the left sidebar

2. Left-click and hold the Image block and drag it into your email

3. When you see a bold blue line, release the left mouse button to drop the block into place

   To place your image in the header of your email, drop the Image block at the very top of the email

4. Click the Image Block you’ve placed into your email to open the options

5. Click upload image or drag and drop an image in from your file manager

6. Your image will then be displayed

Tip

The Magic Image section at the top of the image options gives you an AI-generated image — describe what you want (e.g. “a ball on the beach”) and click Try it Now! to create it.

How to resize your image

To ensure the best possible image quality, we’d recommend that you upload it in the exact size you’d like it to be displayed.

However, you can resize images in the email builder:

1. Click the image
2. Switch the Width toggle from Auto On to Auto Off in the image block options
3. This will give you access to a slider that changes the width of the image content block
4. Use the slider to increase and decrease the size of your image.

How to add a link to your image

To add a link to your image, e.g. to a landing page, all you need to do is:

1. Click the image
2. Navigate to the Action section in the image options slideout on the left
3. Use the Image Link dropdown to choose what happens on click — Open Website (the default), Send Email, or Call Phone Number
4. For Open Website, enter a URL below and use the Target dropdown to choose whether your link opens in the same tab or a new tab. Send Email and Call Phone Number reveal their own fields (Mail To/Subject/Body, or Phone) the same way they do on a Button block.

Align your image

1. Click the image
2. In the Image section of the image options slideout, use the Align buttons to align the image left, center, right, or justify within the block

Add alt text to your image

1. Click the image
2. Navigate to the Image section of the image options slideout on the left
3. Type your image alt text into the Alternate Text field

Other image block settings

You have two other settings available for image content blocks:

• Container padding
• Responsive design

Edit image padding

You can add padding to images, which reduces the amount of space an image takes up in the block. To edit the padding for a block:

1. Click the Image block
2. Scroll to the General section in the image block options slideout
3. Use the + and - icons to increase or decrease the container padding

To edit the padding of individual sides of the content block, enable the More Options button.

This will allow you to add padding to the Top, Right, Left, and Bottom sides of the block.

Hide images on desktops and mobiles

You can also show/ hide image blocks in emails depending on the device being used by your contact.

To hide an image per device, you must first switch to the editing mode for the device you want to hide an image on (desktop editing mode/ mobile editing mode).

You can do this via the options in the bottom right:

Then:

1. Click the Image block
2. Scroll to the Responsive Design section
3. Toggle the switch next to the Hide on Desktop/ Hide on Mobile option