Vision – Interactive Image Map Builder


Vision Interactive is a lightweight and rich-feature plugin helps you enhance images with additional information and links. With this plugin you are able to easily annotate images with text, shapes and icons, draw attention to areas and features on images. You can then use them in posts that empower publishers and bloggers to create more engaging content. It provides an easy way for you to convert a static image into the online interactive media brochures or booklets, image maps, immersive storytelling in seconds. The plugin can be deployed easily and runs on all modern browsers and mobile devices.


Note: the video tutorial above also uses a WordPress media folder management plugin iFolders, you can learn more at this link.

Discover the joy of effectively creating media presentations with this innovative tool.

🔥 Features

With a suite of powerful features, you can effortlessly add a wide range of interactive elements to your images, including:

Powerful Interface – the drag-and-drop feature takes this experience to the next level, allowing you to intuitively position and rearrange your interactive elements with ease.
Layers – properly place clickable markers on images to link to relevant content, this can be an image, text or just an area.
Tooltips – provide concise, informative tooltips that appear when users hover over specific areas of your image.
Popovers – showcase detailed information or multimedia content in eye-catching popup boxes, both in-line and lightbox styles.
Smart – advanced algorithms ensure that your interactive elements are always positioned in the optimal location.
Responsive – the responsive design automatically adjusts the size and placement of your markers, tooltips, and popovers to maintain a clean, professional look across all devices.
Animations – elevate your interactive image maps with a wide range of captivating animations, choose from over 100 show/hide effects to make your tooltips come alive, captivating your audience and keeping them engaged.
Code editors & Customization – tailor the appearance and behavior of your interactive elements to match your brand’s unique style, or dive into the code editors to add custom CSS and JavaScript for even greater control.

Unlock the full potential of your WordPress site and start your journey towards interactive excellence today. Experience the power of our cutting-edge plugin and watch as your audience becomes captivated by the immersive visuals you create.

⚙️ Compatibility

At the heart of our plugin lies a deep commitment to compatibility. We understand that the WordPress ecosystem is a diverse and vibrant landscape, with a wide array of themes, plugins, and page builders to choose from. That’s why we’ve designed our interactive map creation plugin to seamlessly integrate with your unique WordPress setup, ensuring a smooth and cohesive experience.

Our plugin is proudly compatible with the most popular WordPress page builders, themes, and plugins, allowing you to effortlessly incorporate interactive maps into your content, no matter your existing WordPress configuration. We’ve put in the work to ensure our plugin plays nicely with the tools you already love and trust.

* Gutenberg – modern built-in WordPress block editor
* Classic Editor – classic built-in WordPress editor
* Elementor – leading website builder platform on WordPress
* WP Bakery – create any layout in an intuitive way
* Beaver – page builder you can trust with your business
* Bricks – amazing block editor with many templates
* Brizy – next-gen website builder that anyone can use
* and more…

* Avada – swiss army knife of WordPress themes
* Divi – most popular WordPress theme in the world
* BeTheme – more than just WordPress theme
* Bridge – not just a theme, it’s a collection of amazing examples
* Flatsome – multi-purpose responsive WooCommerce theme
* and more…

In the rare event that you encounter a compatibility challenge with a specific tool, our dedicated support team is here to help. We’re committed to ensuring a seamless integration, no matter your WordPress setup.

🎓 Conclusion

Unlock the power of interactive maps: elevate your WordPress content with our innovative plugin.

Are you tired of static images on your WordPress site? Unlock a new world of interactivity and engagement with our cutting-edge plugin – the ultimate solution for creating dynamic, interactive image maps. Say goodbye to the limitations of traditional media management and embrace the future of WordPress content creation.

Vision is a revolutionary plugin that lets you turn ordinary images into engaging interactive maps, floorplans, infographics, and more. With its intuitive interface and powerful features, you can easily add clickable dots, informative tooltips, and easy navigation to your WordPress content, taking user experience to new heights.

Vision seamlessly integrates with your WordPress, providing a user-friendly environment to create, customize, and manage your interactive imagemaps. Transform your WordPress site into a dynamic, immersive experience. With Vision, you can captivate your audience with interactive maps that showcase your products, services, or any other content. Leverage the power of interactivity to increase user engagement, boost conversions, and leave a lasting impression on your visitors.

We understand the diverse nature of the WordPress ecosystem, which is why Vision is designed to work seamlessly with a wide range of popular page builders, themes, and plugins. Seamlessly integrate interactive maps into your existing WordPress setup and enjoy a cohesive, streamlined experience.

Vision is the ultimate tool for anyone seeking to enhance their online presence, engage their audience, and stand out in the crowded digital landscape. Start your journey towards interactive excellence today and unlock the full potential of your WordPress site.

💼 GDPR & Privacy

  • We do not collect or store any information about our visitors or users without their consent.
  • We also do not transfer any data to external servers without users’ consent.
  • The purpose of our folder manager plugin is to help organize the WordPress media library, pages, posts, and custom post types.


  • Interactive image map builder
  • Manage layers (create, copy, move, etc)
  • Preview mode
  • Edit popover content
  • Edit popover properties
  • Preview popover in action
  • Shortcode
  • Manage interactive image maps


Setup is easy and takes only a few minutes.

  • From the WP admin panel, click “Plugins” -> “Add new”
  • In the browser input box, type “Vision”
  • Select the “Vision” plugin and click “Install”
  • Activate the plugin

You’re done. Enjoy.


Why should I use Vision?

In today’s digital landscape, captivating visuals and engaging interactivity are the keys to capturing your audience’s attention and driving meaningful interactions. That’s where Vision, our cutting-edge interactive image map builder, comes into play.


You can download the plugin from Once you have downloaded it, you can go to your dashboard, select plugins item and upload the file. Then activate the plugin. Once activated, on the left side under your dashboard, you will find the option Vision at the bottom.

Where is the developer version hosted?

The developer version is available here.

I’d like access to more features and support. How can I get them?

You can get access to more features and support by visiting the CodeCanyon website and
buy the pro version. Purchasing the plugin gets you access to the full version of the Vision plugin, automatic updates and support.

What is the difference between Lite and PRO

The lite version has only one limit. You can create and use only one interactive image map, but all other powerful features are available to you at no cost.

Is that a one-time payment for Vision Pro?

Absolutely!!! Vision has a lifetime license plan too. All you have to do is pay a one-time fee and you can use our plugin and get unlimited updates.


30 November 2023 2 replies
Ce plugin est super ! j’ai eu un petit bug récemment et son concepteur m’a rapidement aidé à résoudre le problème. Il mérite bien les 5 étoiles !
03 November 2019
If you want to reduce the vision of your image, add in custom css, activate it and paste this code : .vision-map { max-width:450px; margin:0 auto; } Thanks to Max for his quick help and this wonderfully plugin
19 September 2019
This is exactly what I was looking for. a simple image map cretor Very nicely written easy navigation. However it requires update to create more than one image map but there is no link in app to upgrade.
09 September 2019
Plugin excelente para crear mapas interactivos. Intuitivo y eficaz. Gracias!
28 January 2019
Really nice features, I use it for a lot of images. Recommend, support is fast.
Read all 6 reviews

Contributors & Developers

“Vision – Interactive Image Map Builder” is open source software. The following people have contributed to this plugin.




  • Fix: code compatibility with WordPress Coding Standards
  • Fix: editing data within a text block


  • Mod: block transformation has become more intuitive and user-friendly
  • Mod: the layer info box has been moved
  • Mod: user interface improvements
  • Fix: item list ordering


  • Mod: show main image before load item config


  • Fix: rest api endpoints of third-party plugins stop working


  • Fix: unauthorized access to view deactivated items


  • Fix: the plugin doesn’t show items with empty titles


  • Fix: constant FILTER_SANITIZE_STRING is deprecated


  • Fix: missing feedback files


  • Mod: returned to json files as item config
  • New: feedback form


  • Mod: cancel the use of json files to store the item config


  • Mod: close popovers on esc


  • Fix: $wpdb->prepare calls


  • Fix: incorrect text field output


  • Fix: prevent cross-site scripting (XSS) from shortcode
  • Mod: polish the code


  • Fix: unexpected output during activation


  • Fix: prevent cross-site scripting (XSS) from input form


  • Fix: layer triggers ‘hover’ & ‘focus’


  • New: ‘nofollow’ attribute for the layer link type


  • New: shortcode attribute ‘slug’
  • Mod: frontend API


  • Fix: website under HTTPS (secured with SSL certificate), but scene images are under HTTP (unsecured)
  • New: search item box, trash support
  • New: support Emoji


  • New: auto width & height options
  • New: the layer content data can be edited


  • Fix: text layer type was not displayed


  • Fix: loader is called only once on a page
  • New: edit roles with access to the plugin
  • Mod: items pagination view


  • New: improved user interface
  • New: changed markup for frontend


  • Fix: cannot edit item due json parse error with double quotes


  • Fix: links do not work on firefox


  • Fix: tooltips do not show up sometimes


  • New: users have access to items, depending on their privileges and roles
  • Fix: popover inbox flickering on hover
  • Fix: markup template for inbox & lightbox popover


  • New: item last modified date in the config


  • Fix: updated custom code editor (Ctrl + F)
  • New: can set an url for each layer
  • New: can set a userData for each layer
  • New: preview mode
  • New: color picker


  • Fix: can’t save a big config


  • New: next & prev layer navigation
  • Fix: light theme


  • Initial release