How do I use image mapping in the drag-and-drop editor?

An image map is a list of coordinates relating to a specific image that is created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link where the entire area of the image links to a single destination). Our drag-and-drop editor allows this functionality. See details below.

How-To

Create a new image map

1. Open your template or draft campaign. Proceed to Step 2: Design.
   
   
2. Select the content block from the left where you want to place the image map.
    
3. If the image has not yet been placed, click the insert image icon to locate and insert it.
   
   
   
4. Click the same icon again, this time you will see a drop-down menu. Select 'Edit Image Map'.
   
   
   
5. The image map editor will pop-up.
   
   
6. Choose the map shape: Rectangle or Circle. Click 'New Area'. This will place a shape on top of the image in the preview (left). Drag it to place and resize. Note: You can use Define Area Properties to assign exact coordinates instead of the drag-and-drop to set the size of the area.
   
   
   
7. Find the URL box and type or paste in the URL. Additionally, set the link target, alt text, and title text. Click 'Update Area' button to apply details to shape.
   
   
   
8. Repeat for additional links on the same image.
9. Click 'Ok' when done setting up all links on the image.

Edit existing image map

1. Return to your email template or campaign to the mapped image.
2. Click on the shape in the preview (left) to show the map details on the right.
3. Make changes as needed to the URL, Target, Alt Text, Title Text then click 'Update Area' button.

Remove an image map in an image

1. Return to your email template or campaign to the mapped image.
2. Click on the shape in the preview (left) to show the map details on the right.
3. Click 'Remove Area' button. Note: To remove ALL areas, click 'Remove All' button instead.

Notes

1. Image maps are not compatible with responsive designed campaigns and templates.
2. Outlook email clients typically have trouble supporting image maps in desktop and mobile clients.