Image Hotspot Pro

Image Hotspot Pro links a point on an image, map, or video to an annotation. Visitors hover over or click a marker to open a tooltip or pop-up beside the relevant visual detail. Popovers can contain text, images, videos, or links. YouTube and Vimeo videos can appear on your website without sending users to another page.

Set up each pointer

• Font Awesome icons: Choose from more than 1,600 built-in icons, then adjust the color, hover color, size, or hover icon.
• Custom images or icons: Use a marker that suits the visual, set its size, and pick an optional hover image or icon.
• Text: Add a label and set its font size, font color, and background color.

Markers can be repositioned by dragging. You can edit or remove annotation points as the image map changes.

Choose the annotation content

Attach explanatory text, images, videos, or links to each marker. Embedded video and map code is also supported, and custom templates can be styled with HTML and CSS. Choose hover or click to control when the annotation appears.

Use hotspots to identify parts of a product, label map locations, explain a diagram, or add context to an infographic. They can also support content exploration activities and interactive assessments by connecting information to specific areas of a visual.

Place it in WordPress

Add the result to a post, page, widget, theme area, or page-builder layout with a shortcode. The extension supports unlimited shortcodes, multiple instances on a page, and responsive show on mobile devices. Custom CSS is available for additional presentation adjustments.

Create an image hotspot layout

1. Install and activate Image Hotspot Pro in WordPress.
2. Create an image hotspot layout and add the image or visual to annotate.
3. Add pointers using icons, custom images, or text.
4. Set pointer styling, add popover content, and choose whether visitors reveal it by hovering or clicking.
5. Place the result in a post, page, widget, theme area, or page-builder layout using a shortcode.

Use custom CSS if you need further presentation adjustments.