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
    Add Images To Emails
  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 managerUpload An Image To Emails
  6. Your image will then be displayed

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. Disable the Auto Width button in the image block optionsImage Auto Width
  3. This will give you access to a slider that changes the width of the image content blockResize Images In Emails
  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 leftAdd Links To Images
  3. Enter a URL below the Image Link section
  4. Use the Target dropdown below to choose whether your link opens in the same tab or a new tab

Add alt text to your image

  1. Click the image
  2. Navigate to the Image section of the image options slideout on the leftAdd Alt Text To Logos
  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