The Image Map tool in EasyPost is often overlooked, but can prove to be a huge timesaver. The tool allows you to apply several hyperlinks to different areas of a single photo or graphic.
For example, say you want to upload an advertisement on your site for an upcoming event. The advertisement is a graphic promoting the event and has logos from all of your sponsors like the graphic below. (No, the Birdie Showdown is not a real event. Yes! We wish it was too!)
So, naturally you'd like to provide links to your sponsors' websites. You can add those links easily to this graphic using the Image Mapping tool.
Let's walk through it:
1. Upload your graphic or image to the EasyPost Image Manager.
2. Go to the Site Editor and open the page on which the image will be placed. (Click Edit to open page.)
3. Insert the graphic (image) onto your page.
4. Select the image and then click the Image Map Editor icon (next to the Insert Images icon on the toolbar). The screen capture below shows the Image Map Editor box that will pop up.
5. Click New Area and a cyan colored box will pop up over your image.
6. Drag the cyan colored box down until it is over the first logo for The Shoe Co. (You may have to use your scroll bars to get to the area if you don't see it in the preview box.)
7. Now you'll notice that the box is only covering a portion of the logo, and we want to hyperlink the entire logo. So let's resize it. Place your mouse over the tiny red box and wait until you see a double ended arrow. Once you see the double-ended arrow click to drag the area. Reposition the box using the drag tool as needed, and until the entire logo is covered by the cyan box. (See below.)
8. Now that you have the area selected, let's add the company web address under Define Area Properties. Add the web address in the URL box and click Update Area. Your first image mapped link has been added!
9. Repeat steps 5 through 8 to add hyperlinks to the remaining two logos. When you are finished click OK to save your changes and the dialog box will close.
10. Click Update to save the page, and then view the webpage in your browser. Now, a user can look at your graphic and click on each of your sponsors logos to visit their websites.
And voila! You are an image mapping expert.