Elementor widget · Content & Text
Image Hotspots
Turn any image into an interactive map — pulsing pins reveal titled tooltips on hover. Fully styleable.
About this elementor widget
Make an image do more than sit there. Drop pins anywhere on it, and each one reveals a titled tooltip on hover or focus — ideal for product tours, floor plans, feature call-outs, infographics, and maps.
Key features
- Add unlimited hotspots and place each one precisely with X / Y sliders (as a percent of the image, so it stays put on any screen size)
- Pulsing pin markers draw the eye; hover or focus opens a clean tooltip
- Each tooltip carries a bold title plus a description
- Keyboard-accessible — pins are focusable with proper ARIA
- Marker styling: dot color, size, and border
- Tooltip styling: background (arrow included), text color, title and body typography, padding, and corner radius
- Responsive — pins scale and stay anchored as the image resizes
Upload an image, drop your pins, write the tooltips, and style it to match your brand.
