Skip to main content

Get the job done with a pro

From training to full-service marketing, our community of partners can help you make things happen.

Hire A Partner

Add an Image Map to a Campaign

Copy Article URL
Copied

Note

The information in this article applies to the classic builder only. To learn how to use the new builder, check out Design an Email with the New Builder.

An image map uses HTML to create multiple hyperlinks inside a single image. To use an image map in Mailchimp, you need to create it outside of Mailchimp, and copy it into your campaign. If you don't know how to code an image map in HTML, your web designer or one of our Mailchimp Experts should be able to help you. There are also tutorials on the web to assist you.

After you've created the image map code, follow these steps to insert it into your campaign.

Add an image map

  1. In the Content section of the Campaign Builder, click Design Email.
    A screenshot of the cursor clicking the Design Email button
  2. On the Design step, click and drag the Code block into your campaign layout and drop it where you want your image map to appear.
  3. In the Code editor, paste in the code for your image map. You can use the default <div> tags provided or delete them.
  4. Click Save & Close.

Preview and test your campaign to be sure your image map and all other parts of your campaign are working like they should. Once you've finished testing, you can send or schedule your campaign.

Note

  • Include descriptive alt text for the image map. Most email programs don't load images in HTML emails automatically, so until your subscribers choose to download images they'll only see the alt text you provide.
  • Spam filters look for a balance of text and image content in HTML emails. We recommend a limit of one image map per campaign and suggest that for image-heavy campaigns, you add a paragraph or two of text to your HTML version of your campaign to lower your spam filter score. To count toward your score, text must appear outside of an image, not embedded in it.
  • Remember to always use absolute paths for your images, so each subscriber's email client will be able to download your images.

Technical Support

Have a question?

Paid users can log in to access email and chat support.

Was this article helpful?

Related

Limitations of HTML Email

Coding an HTML email isn't much different from coding a website was back in the late '90s. Learn about the limits of email and how to work around them.

Add a Link to an Image

With linked images, you can direct users to a URL when they click the image. Learn how to add a link to an image in your campaign.