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
- Open your template or draft campaign. Proceed to Step 2: Design.
- Select the content block from the left where you want to place the image map.
- If the image has not yet been placed, click the insert image icon to locate and insert it.
- Click the same icon again, this time you will see a drop-down menu. Select 'Edit Image Map'.
- The image map editor will pop-up.
- 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.
- 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.
- Repeat for additional links on the same image.
- Click 'Ok' when done setting up all links on the image.
Edit existing image map
- Return to your email template or campaign to the mapped image.
- Click on the shape in the preview (left) to show the map details on the right.
- Make changes as needed to the URL, Target, Alt Text, Title Text then click 'Update Area' button.
Remove an image map in an image
- Return to your email template or campaign to the mapped image.
- Click on the shape in the preview (left) to show the map details on the right.
- Click 'Remove Area' button. Note: To remove ALL areas, click 'Remove All' button instead.
Notes
- Image maps are not compatible with responsive designed campaigns and templates.
- Outlook email clients typically have trouble supporting image maps in desktop and mobile clients.
Comments
0 comments
Article is closed for comments.