Image Map Editor is an image editor plug in for the WYSIWYG Editor. A WYSIWYG (pronounced "wiz-ee-wig") editor or program is one that allows a developer to see what the end result will look like while the interface or document is being created. WYSIWYG is an acronym for "what you see is what you get". For these purposes, It allows you to insert an image and then link different parts of the image to different destination links.
Start by inserting an image into a page (Click here to view how to insert an image). Once you do that, a new icon (Insert/Edit Image Map) next to the “Image” icon will appear in the WYSIWYG menu.
Once clicked, a pop-up of the picture will appear for you to map out the sections of the picture. You can draw various shapes using the shape selection buttons at the top. After the section is mapped, enter the URL that you want to link that section to, as well as giving it a Title. Once done, click OK to return back to the editor screen.
Continue to do the same steps for the other sections of the pictures, or for other pictures. Once complete, click Save to save the entire page content.