Adding an Image to a Marketing Email

Images improve the quality of your marketing content, making it more engaging and impactful. You can add an image from three sources:

• Upload images from your computer or network.
• Import web images from Facebook, Google Drive, Box, Google Photos, or OneDrive.
• Search free, high-quality stock photos. The stock photos are from Unsplash, Pexels, and Pixabay and are free under the Creative Commons Zero license.

To insert an image into content:

1. Click the content block to which you want to add an image. It’s highlighted in blue to show you’re editing it. The Content Properties menu opens in the right-hand panel.
2. Click the Content tab to expose the available content blocks. Find Image, and drag-and-drop it into the required block.
3. Click the image to highlight it. The Image Properties menu opens in the right-hand panel.

4. Specify the image to insert - you can choose either of these options:

   • Paste a URL in the Url field
   • Click Choose Image to browse for the image. In the File manager, you can upload an image from your computer, import an image via a link or from social media, or search a collection of more than 500,000 high-quality stock photos. All images are published under the Creative Commons Zero license.

   Click Insert to add the image from the File manager library.

   

5. You can now format the image - use these options in the Image Properties panel as required.

   For more information about the available options, see Content/Formatting/Display Options for Marketing and Comms Content.

   • Auto width

     Toggle on to make the image automatically fill the full content block width.

     Toggle off if you want to manually control the width of the image in the block. The image maintains its aspect ratio as you change the width. Check Full width on mobile to override the manual width setting and automatically fill the content block on mobile displays.

   • Align

     Specify the alignment of the image in the content block. Choose Left, Center, or Right.

     Note: this setting has no effect if the image is set to fill the width of the content block.

   • Dynamic image

     Add a responsive image that changes based on specified merge tags (content placeholders). For more information, see the How to Add a Dynamic Image section of this article.

   • Alt text

     Provide alternate text describing the image, for users using a screen reader.

   • Image rounded corners

     Whether the corners of an image should be rounded or square.

   • Action

     Configure an action to take when clicking on an image.

   • Padding

     Toggle More options on to control the padding on each side of the image. Or choose All sides to apply to the same padding to all sides of the image.

   • Hide on

     Choose whether to hide the image from desktop or mobile users.

6. Click Save at the top of the page to confirm the change.