Wrap Text Around an Image

This feature requires Author user level or higher.

In MailChimp’s editor, you can wrap text around an image to save space and enhance your design. To wrap text around an image, you’ll insert the image in a text content block, and choose its alignment.

In this article, you’ll learn how to wrap text around an image.

Before You Start

Here are some things to know before you begin this process.

  • This process works best with small images that have a width of 100-300px.

  • In drag and drop templates, this process only works in Text, Boxed Text, or Footer content blocks. In classic or code your own templates, an image can wrapped in any content block that includes an image and text.

  • Be sure to preview and test your campaign after you wrap text around an image. Some email clients, like Outlook, handle text wrapping differently than other email clients.

Insert an Image and Wrap Text

To insert an image in a text block and wrap text around it, follow these steps.

  1. Navigate to the Design step of the Campaign Builder.

  2. Click an existing content block or drag and drop a new one into your layout.

  3. In the editing pane, click the area in your text where you want to place the image.
    If you’ve already inserted your image in the text block, doubleclick the image in the editing pane and skip to step 8.

  4. Click the File Manager icon in the toolbar.

  5. Click Upload to choose a file from your computer, click Import From URL to import an image from a web address, or choose from the drop-down menu to import from Giphy.

  6. Locate the file you want to upload or import, and click Open or Import to save your image to MailChimp.

  7. Click Select to choose the image.

  8. On the Edit Image screen, click show image style options.

  9. Click the Align drop-down menu and choose whether to place your image to the left or right, or in the center of your text.

  10. Enter a number in the Margin fields to add space between your image and the wrapped text.

  11. Click Save & Insert Image.

If you need to make additional changes to the image settings or margins, double-click the image in the editing pane.

Was this article helpful?
What can we do to improve articles like this?

Technical Support