How do I use the image map editor in the HTML Editor?

DESCRIPTION

Use Image Map editor to create multiple clickable areas on one image in the HTML Editor.

HOW-TO

1. Place your cursor where you want to insert the image to be used
2. Click Image Map Editor button on the toolbar.  
3. Select the Image Manager button next to choose your image.  
4. Select an image from the library displayed or upload a new image now. Click Insert when image file is chosen.
5. You will see a preview of the selected image to the left.
6. On the right, choose the area shape: rectangle or circle.  
7. Click "New Area".   
8. Click on the area shape on the left to drag, or drag out to expand area to desired size.  
9. Next, insert the URL to be linked in the URL box.  It must be a complete link, for instance http://www.google.com.  
10. Set Target, Alt Text and Report name.  
11. Click "Update Area" to save.  
12. You can add other clickable area by following the steps above.  
13. To complete the Image Map, click "OK".

NOTES

Image Maps are not compatible with responsive design. Outlook specifically typically has trouble supporting them in desktop and mobile.

Image maps for HTML editor are not supported in Firefox, and IE. To use that feature one must use Chrome, Safari, or Edge.