Add images to your campaigns

Marketing_Lite_Plus_Professional_Enterprise

Adding images to your direct and automated campaigns helps you build your brand and engage your subscribers. For example, you can use them to advertise a service, sell a product, or create a call to action.

Email Designer launched in 2022

  1. Open the template or campaign you wish to modify.  
  2. Go to the email designer.
  3. Drag the "Image" block to your campaign layout. 
  4. Click the "Image" block
  5. A modal window will appear. Hover over the image you want to use, then click "Select Image." Alternatively, you can click the "Add file" button and upload an image to use, then add that image to your campaign. 

The image will be added to your campaign. 

Classic Email Designer

  1. Open the template or campaign you want to modify. 
  2. Go to the email designer.
  3. Drag the "Image" block to your campaign layout.
  4. Click the "Image" block
  5. A modal toolbar will appear. Click the Image icon
  6. A modal window will appear. Hover over the image you want to use, then click "Select Image." Alternatively, you can click the "Add file" button and upload an image to use, then add that image to your campaign. 

The image will be added to your campaign. 

Swap out an image in your email

Email Designer launched in 2022

  1. Open the template or campaign you want to modify. 
  2. Go to the email designer.
  3. Click the image you'd like to change.
  4. On the right pane, click the "Change Image" button. This is located next to a thumbnail version of your image. 
    Change_Image_button_in_Content_Manager.png
  5. A modal window will appear. Hover your mouse over the image you wish to use, then click the "Select image" button.

The new image will be added to your campaign. 

Classic Designer

  1. Open the template or campaign you want to modify. 
  2. Go to the email designer.
  3. Click the image you wish to change.
  4. A modal toolbar will appear. Click the Image icon
  5. A modal window will appear. Hover your mouse over the image you wish to use, then click the "Select image" button.

The new image will be added to your email.

Add an image to a text block

This method is supported by the Class Designer only. If you are using this method to add an image to your campaign, the text may not wrap around the image correctly when viewed on a mobile device. 

  1. Drag the "Text" block to your campaign layout. 
  2. Click the "Text" block.
  3. A modal toolbar will appear. Click the Image icon
  4. A modal window will appear. Hover over the image you want to use, then click "Select Image."

The image will be added to the "Text" block. It will appear on the top left corner of the block.

To move the image to the right corner:

  1. Click the image.
  2. A modal toolbar will appear. Click the "Align right" option
    Alight_Right_button.jpg

The image will move to the right side of the "Text" block. 

Resize an image in a campaign

Once you add an image to your campaign, you can resize it. 

Email Designer launched in 2022

  1. From the email designer, click the image you want to resize. 
  2. The right pane will display different ways to resize the image. Use these options to modify your image.

The changes will save automatically and display in the "Image" block. 

Classic Email Designer

  1. From the email designer, click the image you want to resize. 
  2. Click the two-directional arrow on the lower right of the image and drag it to the desired size. 

Best practices for adding images to your emails

Keep the width of your images between 400 and 650 pixels.

This is the best width to use for both mobile and Outlook. Outlook will not scale down images that are 1000 or more pixels wide. Instead, the image will be displayed at its actual size, causing the width of your template to expand and become distorted.

Break tall images into smaller pieces.

Our campaign designer will compress all images to ensure deliverability. However, your image may lose quality, appear blurry, or take longer to load.

If your image is taller than 600 pixels, we recommend breaking your image into separate, shorter images. This will allow email clients to load the image faster and keep their quality.

Insert the exact image size you wish to use in your email.

Inserting a small image and then scaling it to a larger width by dragging the image corner in your email can distort the quality of your image, making it grainy or blurry. Conversely, if you insert a large image and then scale it to a smaller size, the image will appear as its original size when viewed on a mobile device.

Use image blocks instead of adding an image to a text block.

Text content blocks containing an image with inline links are not clickable in the Outlook 2007 and Outlook 2013 email clients. In addition, text may not wrap correctly around your image when viewed on mobile.

Avoid text in your images.

If a subscriber's inbox blocks images, they won't see the text included in your image. In addition, the image may become distorted on mobile as it will need to be scaled up or down to fit the mobile viewpoint.

Use the "Social Links" block to add social icons to your campaigns.

Using an image block(s) to insert your social icons will cause images to scale up when viewed on mobile and may distort your email. Instead, you can use the social link widget.

Use Alt text.

Alt text is a brief description of your image and will appear in your email if a subscriber has images blocked.

To add ALT text to your image:

Email Designer launched in 2022:

  1. Click the image in your campaign and add 1-2 words into the "Alternate text" field in the "Image" Block options to the right:

    Email_Designer_launched_2022_Alternate_text_field_on_right.png

 

Classic Designer:

  1. Click on the image in your campaign and add 1-2 words into the "Info" field under the options tab:

    Classic_Designer_Info_Field_for_alt_text.jpg
Was this article helpful?
20 out of 66 found this helpful

Have more questions? Submit a request

Start free trial