The Image Hotspot widget allows you to highlight specific areas of an image using interactive points or markers. When users hover or click on a hotspot, additional information is displayed, helping you present details in an engaging and visually clear way without cluttering the image.

How to Use Image Hotspot Widget of Easy Elements Pro

Step 1:

Add Image Hotspot Widget:

Select the Image Hotspot widget from the left panel, then drag and drop it into your desired area on the canvas.

Step 2:

Image Hotspot Settings:

1. Hotspot Map Image
2. Hotspot Repeater Items

Hotspot Repeater Item Fields:

1. Horizontal & Vertical Both Position
2. Hotspot Trigger Option (hover or click).
3. Tooltip Position Options
4. Tooltip Animation Style
5. Hotspot Animation Style
6. Hotspot Icon Type
7. Current Hotspot Background, Border &  Size
8. Hotspot Content Type (text, image or video url)
9. Content Area Width
10. Content Area Padding
11. Content Field

Step 3:

Customize Image Hotspot Style:

Easily customize your widgets appearance including Image Hotspot Base Image, Hotspot Icon & Hotspot Tooltip style — all from the Style panel.