Title: Vision &#8211; Interactive Image Map Builder
Author: Avirtum
Published: <strong>novembre 16, 2018</strong>
Last modified: avril 17, 2025

---

Search plugins

![](https://ps.w.org/vision/assets/banner-772x250.png?rev=3179558)

![](https://ps.w.org/vision/assets/icon-256x256.png?rev=3122774)

# Vision – Interactive Image Map Builder

 By [Avirtum](https://profiles.wordpress.org/avirtum/)

[Download](https://downloads.wordpress.org/plugin/vision.1.9.9.zip)

 * [Details](https://tah.wordpress.org/plugins/vision/#description)
 * [Reviews](https://tah.wordpress.org/plugins/vision/#reviews)
 *  [Installation](https://tah.wordpress.org/plugins/vision/#installation)
 * [Development](https://tah.wordpress.org/plugins/vision/#developers)

 [Support](https://wordpress.org/support/plugin/vision/)

## Description

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.

📋 [**DEMO & DESCRIPTION**](https://avirtum.com/vision-interactive-image-map-builder-for-wordpress/)
📋
 🔥 [**DON’T DELAY, BE PRO TODAY!!!**](https://1.envato.market/getvision) 🔥

_Note: the video tutorial above also uses a WordPress media folder management **
plugin iFolders**, you can learn more at this [link](https://wordpress.org/plugins/ifolders/)._

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.

**PAGE BUILDERS**
 * [Gutenberg](https://wordpress.org/plugins/gutenberg/) – modern
built-in WordPress block editor * [Classic Editor](https://wordpress.org/plugins/classic-editor/)–
classic built-in WordPress editor * [Elementor](https://elementor.com/) – leading
website builder platform on WordPress * [WP Bakery](https://wpbakery.com/) – create
any layout in an intuitive way * [Beaver](https://www.wpbeaverbuilder.com/) – page
builder you can trust with your business * [Bricks](https://bricksbuilder.io/) –
amazing block editor with many templates * [Brizy](https://www.brizy.io/) – next-
gen website builder that anyone can use * and more…

**THEMES**
 * [Avada](https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226)–
swiss army knife of WordPress themes * [Divi](https://www.elegantthemes.com/gallery/divi/)–
most popular WordPress theme in the world * [BeTheme](https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048)–
more than just WordPress theme * [Bridge](https://themeforest.net/item/bridge-creative-multipurpose-wordpress-theme/7315054)–
not just a theme, it’s a collection of amazing examples * [Flatsome](https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319)–
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.

## Screenshots

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

## Installation

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.

## FAQ

### 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.

### Installation

You can download the plugin from wordpress.org. 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](https://github.com/yalogica/vision).

### 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](https://1.envato.market/getvision). 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.

## Reviews

![](https://secure.gravatar.com/avatar/793b215738c677669d73abe9ee5dad336f825d417d985428c648b13d6c6d47ce?
s=60&d=retro&r=g)

### 󠀁[Superb Support](https://wordpress.org/support/topic/superb-support-160/)󠁿

 [zanax](https://profiles.wordpress.org/zanax/) août 13, 2025 1 reply

The support is excellent! The Vision plugin is a gret plugin and I will recommend
it at anytime

![](https://secure.gravatar.com/avatar/2ecce31197db8abbed58bd5f907ca3bcf0a1af1695949718ddc09b4f409ecdb2?
s=60&d=retro&r=g)

### 󠀁[Great plugin, great support](https://wordpress.org/support/topic/great-plugin-great-support-1948/)󠁿

 [paulogoes](https://profiles.wordpress.org/paulogoes/) décembre 9, 2024 1 reply

I have tried all the image hotspot plugins I could put my hands to, like 8 or 9.
They where either too expensive or not as functional as this one, and some were 
very disappointing. This one is truly the best, the price is fair, documentation
is just the basics, but support is awesome! I use it with the Brizy builder, and
works as a charm. I am glad I found it.

![](https://secure.gravatar.com/avatar/2c7bd1ac13fdbc7a1b8dce425ca122fed16fcf1b1b8b77da9f1981b48ac0a34b?
s=60&d=retro&r=g)

### 󠀁[Plugin facile](https://wordpress.org/support/topic/plugin-facile/)󠁿

 [imagin49](https://profiles.wordpress.org/imagin49/) novembre 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 !

![](https://secure.gravatar.com/avatar/b02f7be5d112363d25847bc698acba58a88a179492e13582884b2a81519ca90c?
s=60&d=retro&r=g)

### 󠀁[Great plugin & support](https://wordpress.org/support/topic/great-plugin-support-322/)󠁿

 [Tasos Koukouvitis](https://profiles.wordpress.org/tasoskoukhotmailcom/) septembre
29, 2022 2 replies

Many thanks for your awesome support & script sent. Search support forum for topic:«
add-custom-events-using-js-jquery »

![](https://secure.gravatar.com/avatar/298ae5efa77a4b8b6cb417bf656f3926c368083b60165294623447267943041d?
s=60&d=retro&r=g)

### 󠀁[Great plugin](https://wordpress.org/support/topic/great-plugin-23560/)󠁿

 [permasilva](https://profiles.wordpress.org/permasilva/) novembre 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

![](https://secure.gravatar.com/avatar/c7b1dd708b302da316819f5c8b15dd076f22d291649aed7d61c025fae0bd6ecf?
s=60&d=retro&r=g)

### 󠀁[Wish I could purchase full version](https://wordpress.org/support/topic/wish-i-could-purchase-full-version/)󠁿

 [jaywebdude](https://profiles.wordpress.org/jaywebdude/) septembre 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.

 [ Read all 8 reviews ](https://wordpress.org/support/plugin/vision/reviews/)

## Contributors & Developers

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

Contributors

 *   [ Avirtum ](https://profiles.wordpress.org/avirtum/)

[Translate “Vision – Interactive Image Map Builder” into your language.](https://translate.wordpress.org/projects/wp-plugins/vision)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/vision/), check out
the [SVN repository](https://plugins.svn.wordpress.org/vision/), or subscribe to
the [development log](https://plugins.trac.wordpress.org/log/vision/) by [RSS](https://plugins.trac.wordpress.org/log/vision/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.9.9

 * Fix: inserting unwanted tags into the content via wpautop()

#### 1.9.8

 * Fix: inserting unwanted tags into the content via wpautop()

#### 1.9.7

 * Fix: resolved 403 errors occurring when strict HTTP standards enforcement is 
   enabled

#### 1.9.6

 * Fix: « @ » tag for custom styles

#### 1.9.5

 * Mod: added check for values returned by `json_decode` to enhance data handling.

#### 1.9.4

 * Mod: move canvas mode

#### 1.9.3

 * Fix: « !important » tag for custom styles
 * Mod: UI

#### 1.9.2

 * Mod: notify messages
 * Mod: UI

#### 1.9.1

 * Fix: admin menu highlight
 * Fix: collapse side panels
 * Mod: notify messages
 * Mod: UI

#### 1.9.0

 * Mod: UI

#### 1.8.6

 * Fix: style sanitization, missed some special characters

#### 1.8.5

 * Fix: style sanitization

#### 1.8.4

 * Mod: added input control to edit text layer data
 * Mod: move canvas (ctrl + left mouse button or middle mouse button)
 * Mod: added inline integration for main and custom map styles

#### 1.8.3

 * Mod: redesigned the interface for better usability

#### 1.8.2

 * Fix: preview mode
 * Fix: layer ordering (up & down actions)

#### 1.8.1

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

#### 1.8.0

 * 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

#### 1.7.4

 * Mod: show main image before load item config

#### 1.7.3

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

#### 1.7.2

 * Fix: unauthorized access to view deactivated items

#### 1.7.1

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

#### 1.7.0

 * Fix: constant FILTER_SANITIZE_STRING is deprecated

#### 1.6.2

 * Fix: missing feedback files

#### 1.6.1

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

#### 1.6.0

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

#### 1.5.7

 * Mod: close popovers on esc

#### 1.5.6

 * Fix: $wpdb->prepare calls

#### 1.5.5

 * Fix: incorrect text field output

#### 1.5.4

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

#### 1.5.3

 * Fix: unexpected output during activation

#### 1.5.2

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

#### 1.5.1

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

#### 1.5.0

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

#### 1.4.4

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

#### 1.4.3

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

#### 1.4.2

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

#### 1.4.1

 * Fix: text layer type was not displayed

#### 1.4.0

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

#### 1.3.0

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

#### 1.2.3

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

#### 1.2.2

 * Fix: links do not work on firefox

#### 1.2.1

 * Fix: tooltips do not show up sometimes

#### 1.2.0

 * 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

#### 1.1.1

 * New: item last modified date in the config

#### 1.1.0

 * 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

#### 1.0.2

 * Fix: can’t save a big config

#### 1.0.1

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

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.9.9**
 *  Last updated **12 mois ago**
 *  Active installations **2 000+**
 *  WordPress version ** 4.6 or higher **
 *  Tested up to **6.8.5**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/vision/)
 * Tags
 * [floor plan](https://tah.wordpress.org/plugins/tags/floor-plan/)[hotspots](https://tah.wordpress.org/plugins/tags/hotspots/)
   [image maps](https://tah.wordpress.org/plugins/tags/image-maps/)[infographics](https://tah.wordpress.org/plugins/tags/infographics/)
   [interactive images](https://tah.wordpress.org/plugins/tags/interactive-images/)
 *  [Advanced View](https://tah.wordpress.org/plugins/vision/advanced/)

## Ratings

 4.9 out of 5 stars.

 *  [  7 5-star reviews     ](https://wordpress.org/support/plugin/vision/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/vision/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/vision/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/vision/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/vision/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/vision/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/vision/reviews/)

## Contributors

 *   [ Avirtum ](https://profiles.wordpress.org/avirtum/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/vision/)