This is an old revision of the document!


1. Precondition: A tool/website to create image maps is required

We explain the process using the website image-map.net but you can also use your preferred solution

link to the image-generator:

https://www.image-map.net/

Copy the target link in Stages

  • Open the editor
  • Click on the Chain-icon
  • Navigate to the element which you want to link with your clickable area
  • Copy the link into the clipboard
  • Close the window

3. Now switch to your preferred image map tool/website

In this example we explain the procedure using image-map.net

  • Open the domain and choose a picture from your PC or load a picture from a website into the generator
  • After you see your image, choose the shape for the clickable area and mark it in your image
  • Use the link you saved in the previous step of Stages. Optionally you can assign a title. You can distribute additional areas if you want your image to have more parts to click on.
  • Click on Show Me The Code!

4. Head back to Stages

  • Upload your image to Stages
  • Double Click on the image and paste the copied link into the Image Map field
  • manually delete the target=“”section
  • Click on Save

Your clickable image is ready to use