Add interactive details to images

Vision Pro turns a static image into an interactive image map for WordPress posts and pages. Add text, shapes, icons, and clickable markers to visuals such as product images, floor plans, diagrams, and illustrations. With drag and drop, you can place and rearrange components directly on the image.

Connect markers with useful information

Layers help organize clickable markers. Each marker can link to an image, text, or an area. For example, on a floor plan, place markers over areas of interest and use tooltips to show concise details when visitors hover over them. Popovers can hold more information or multimedia content, displayed inline or in a lightbox.

Adjust placement and add motion

Marker, tooltip, and popover sizes and positions adjust for various devices. Smart positioning helps place interactive elements as you build, and the add-on runs in modern browsers and on mobile devices. More than 100 show and hide animation effects are available for tooltips and other interactive elements.

Customize the presentation

Use the customization controls to adjust interactive elements, or use the code editors to add custom CSS and JavaScript for more detailed control over their appearance and behavior.

Vision Pro and the Lite limit

The Lite version lets you make and use one interactive image map. Vision Pro lets you work beyond that limit and includes automatic updates and support as described for the paid edition. A lifetime license plan is available with a one-time payment and unlimited updates.

Install the plugin

In the WordPress dashboard, open Plugins and upload the plugin file. Install and activate it. The Vision option then appears near the bottom of the dashboard menu, where you can create interactive image maps.