Image Hotspot Pro

Image Hotspot Pro places interactive markers on pictures, maps, and videos. Visitors can hover over or click a marker to open a tooltip or pop-up with text, pictures, videos, or links. YouTube and Vimeo videos can appear on your page, and embedded code can add video or map content.

Set up markers and their content

Choose Font Awesome icons, custom images or icons, or text labels. The built-in Font Awesome library includes more than 1,600 icons, with controls for color, hover color, size, and hover icon. Custom picture or icon markers have size controls and can use a separate hover picture or icon. Text markers can be styled with font size, font color, and background color.

Drag markers to position them, and edit or remove them as needed. Choose whether a visitor opens each tooltip by hovering or clicking. Use built-in tooltip templates, embedded code, or a custom template made with HTML and CSS. Custom CSS can also adjust the presentation.

Use hotspots throughout WordPress

Add annotated visuals to posts, pages, widgets, theme areas, and page-builder layouts with shortcodes. You can create unlimited shortcodes and place multiple hotspot layouts on the same page. The layouts resize for mobile devices and tablets.

Create an image map

1. Install and activate Image Hotspot Pro in WordPress.
2. Create a hotspot layout and add the image or visual to annotate.
3. Place markers using icons, custom images, or text.
4. Style the markers, add popover content, and choose hover or click behavior.
5. Preview the layout, refine its appearance and marker positions, then place it with a shortcode.

Hotspots can label product parts, identify map locations, explain a diagram, add context to an infographic, or turn a visual into a content exploration activity or interactive assessment.