All Collections
Content Items
Adding Hotspot on Image
Adding Hotspot on Image

Hotspots are points or areas on the image that pop up as a small window containing text when hovered over.

Olga avatar
Written by Olga
Updated over a week ago

Easygenerator helps you bring a common static image to life by making it clickable.
Hotspots explain complex ideas combined on a single image in a much more effective way than a typical text block.

Use cases

You can use hotspots on an image in order to:

  • add tooltips, hints, or additional explanations

  • identify/label different components on product images

  • contextualize data in graphs or charts

  • create software simulations

  • enhance screenshots of the interface

  • build simple click-and-reveal interactions by adding hotspots on an image with icons

  • replace a bulleted list

  • create interactive maps or virtual tours

How to create hotspots on an image

  • Add a new content item and choose Interactive layout > Hotspot on Image.

  • Click on “Choose background image” to upload an image. Now you can upload an image from your computer, choose from Library, choose from the stock library, or add via the link.

  • Upload a background image (the recommended width is 880 px; max size is 10 MB).

  • Click on the image and drag the selection to create a hotspot. Add some text that will be displayed to your learners when they hover over the hotspot.

  • Click on the hotspot and drag the corner of the selected area to resize it.

  • Select the hotspot and click on the Delete icon to remove it.

Did this answer your question?