- 2 Minutes to read
- Print
- DarkLight
Insert or Edit Image Map (window)
- 2 Minutes to read
- Print
- DarkLight
Navigation Path
Create or edit an email message and navigate to step 2. Content of the message creation wizard.
⇒ By default, step 2. Content opens in the HTML Code view.
Click the HTML Editor tab.
Select an image in the email.
Click the icon.
⇒ The Insert or Edit Image Map window opens.
Purpose
This window lets you easily create an image map in Mapp Engage. An image map is a single image with multiple hyperlink areas. Normally, in an email, an entire image hyperlinks to one destination.
The image map feature makes it easy to link various parts of an image. You do not need to divide the image into multiple image files.
Example: You have a graphic of a four-person family with different styles from your spring collection. Use the image map to link directly to each item of clothing in your online catalog.
Toolbar
The toolbar in the image map area offers various shapes. Use these shapes to select the precise areas of an image that you want to link to your website.
Symbol | Tool |
---|---|
The Pointer tool selects the desired image link. | |
The Rectangle tool marks a rectangular area in the image. To mark a square image area, use the Rectangle tool while holding the Shift key. | |
The Circle tool marks a circular area in the image. | |
The Polygon tool marks an area of any shape in the image. To set the final point of the polygon, click while holding the Shift key. | |
The Delete Selected Area tool deletes the selected image link. | |
Zoom | Defines the scale of the image. Use the zoom to increase the display of the image so you can create a more precise image map. |
Hyperlink Properties
Use the symbol to click on one of the areas of your image map. Now you change the hyperlink properties for that part of the image map.
URL: Defines the URL of the website or landing page that the link goes to.
Info: Defines text that is displayed to the recipient when the mouse pointer is placed over an image map.
Link Behaviour: Defines how the website or landing page opens in the Web browser.
Not Set: Opens the link in the same window or tab where the recipient is located. This option is selected by default.
Same Window: Opens the link in the same window or tab where the recipient is located.
New Window: Opens the link in a new window or tab.
Primary Window: Opens the link in the top window or table. If the current window or the current tab is already at the top, the link opens in the same window or tab.
Hint:
How the website or landing page opens also depends on the web browser, the browser settings, and the email client.
Actions
Setting | Description |
---|---|
Remove Map | Removes all image links from the image. |
Save | Saves all inserted and edited image links for the image. |
Cancel | Cancels the insertion and edits of the image links. Any unsaved changes are lost. |