Vision – 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.

Using [vision id=”123″] shortcode, you can publish an interactive image on any Page or Post in your WordPress sites.

This is the LITE version of the official Vision Interactive – Image Map Builder for WordPress plugin which comes with support and doesn’t have some limitations. You can get it by visiting the CodeCanyon website and buy the pro version.

The sample of how to create an interactive infographics


  • Markers – add links, images or text
  • Tooltips – small boxes for tiny information
  • Popovers – popup boxes for large amounts of info (inbox & lightbox type)
  • Smart – tooltips & popovers can occupy the best position
  • Responsive – automatically adjust elements to image size
  • Animations – tooltips have over 100 show/hide effects
  • Powerful Interface – many options & capabilities
  • AJAX saving – save your config without page reloading
  • JSON config – the config is served from the filesystem instead of the database for better performance
  • Code editors – add extra css styles or js code with syntax highlighting
  • Customization – create you own theme

You can place any markers by simply clicking on an image. Each marker can have its own tooltip and popover which gives an excellent opportunity for creating engaging visual stories & presentations.


  • Manage interactive images
  • Create layers
  • Edit tooltips
  • Final result with tooltips
  • Edit popover (inbox type)
  • Final result with popover


  • 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

Alternatively, you can manually upload the plugin to your wp-content/plugins directory



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.

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 two limits:
1) You can create and use only one item
2) Your published item will have a little icon
All other features are the same as PRO has.


November 30, 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 !
September 29, 2022 2 replies
Many thanks for your awesome support & script sent. Search support forum for topic: “add-custom-events-using-js-jquery”
November 3, 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
September 19, 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.
September 9, 2019
Plugin excelente para crear mapas interactivos. Intuitivo y eficaz. Gracias!
Januarie 28, 2019
Really nice features, I use it for a lot of images. Recommend, support is fast.
Read all 6 reviews

Contributors & Developers

“Vision – Image Map Builder” is oopbron sagteware. Die volgende mense het bygedra tot die ontwikkeling van hierdie uitbreiding:




  • 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