Download Image Map HotSpot WordPress Plugin

Download Image Map HotSpot WordPress Plugin

The Image Map HotSpot for WordPress help you to display tooltip or annotation of your image with smooth CSS3 transition. You can choose to display the popover when user click or mouseover, and easily drag the icon to update the HotSpot’s position in the backend. The working live preview is available in the backend, something like wysiwyg (What You See Is What You Get).


The HotSpot works fine on the backend preview but not showing in the frontend?

Please try to wrap the shortcode with raw, like:

[raw][hotspot id=789 /][/raw]

Some theme will add blank <p></p> to the content of the shortcode, this break the plugin. The raw tag will prevent it to add the unnecessary blank p tags.

For the prior buyers, how to update?

Just download the latest package from CodeCanyon, un-zip, upload and overwrite the files in your server, the data will be not lost with such update.

Update log

-- 8 Jun 2016 - ver 1.2.6
    - Fixed the large image is hidden in admin backend, now you can drag icons with large image.
    - Some other small improvement.

-- 2 Jun 2014
    - Add pulse border option for each pin, you can choose the pulse border (black/white) in the setting too.
    - Make the popup item in the backend sortable, you can drag them to re-order. It's useful if the popup is in slideshow mode.

-- 14 Feb 2014
    Update the pin position in responsive, make it more consistent and precise in small screen.

-- 2 January 2014
    - Add custom pin icon support, now you can add your own custom pin icon in the setting.

-- 22 December 13
    - Fix the arrow is missing in the backend live preview of the WordPress 3.8

-- 21 October 13
    - Different icon for hotspot in same image.
    - Optional popover size, background and color.
    - Optional label under the icon.
    - Icon drop in animation.
    - Hyperlink with the icon.
    - Experiment YouTube video popover.


  • Easy to install and setup with WordPress, live working preview of the HotSpot on the edit page, help you update HotSpot easily, something like wysiwyg (What You See Is What You Get).
  • Draggable icons in the backend, let you update the hotspot’s position easily with mouse drag, you can see the demo video in YouTube.
  • 4 directions of popover, can be in top, right, bottom and left.
  • Responsive, works fine with small screen device.
  • Compatible with latest jQuery(1.10.x) and latest WordPress.
  • Multiple HotSpot instance on same page, unlimited HotSpot you can add to a image.
  • Enqueue the js and css only when needed. Keep WordPress page size smaller.
  • You can add/edit the Image HotSpot without touching the code. Customize/update the image and text with WordPress backend.
  • CSS3 transition support, fade only on the older browser, like IE8.
  • Optional auto delay slideshow.
  • FAQ and source code are included in the package. Free update in the future.

See a review from Business Bluebird, and more review from the buyers:

“The perfect and straightforward image map plugin for WordPress! Support is also exemplary and efficient. Stop looking, this possibly is the only image map you’ll ever need.”


“Great plugin and I have been looking for something like this for years.
Thanks, 100% satisfied.”


“Great plugin! Just what I needed. Way better than any other image maps.”


“Congratulations on your fast respond to requests, great job!
I recommend this plug-in .”


“I can’t tell you how excited I am about this software. I have struggled for nearly a year to get something that worked. No eternal hosting of photographs, no complicated code. And if I want to add another hotspot later it’s all there. My previous software I had to rebuilt the whole image map just to make a simple correction. – OK so a bit of HTML but nothing that can’t be cut and pasted from the text part of the site. Worth every penny!”


“This is an awesome plugin. The intuitive GUI allows you to edit the position of the hotspots in real time. HTML can be input directly into each hotspot for professional looking pop-ups with no back-end work. By using shortcodes to place the formatted image there are no conflicts with design elements. This is one of my favorite plugins!”


And more happy users.

Screenshot of the backend in WordPress:

HotSpot list

HotSpot edit page

You can also check the HTML/JS version

jQuery HotSpot plugin with slideshow

Visual Composer Extensions All In One



created by sike
last update 2016-06-08T16:37:34+10:00

Latest Tweets

  • wordpress
    A well-styled border can completely transform your content. Find out which blocks have border support, and which wi… about 3 hours ago
  • wordpress
    Build a site with #WordPress and watch your online journey take root. 🌱 Share your story with the WordPress commun… about 23 hours ago
  • wordpress
    WordPress 6.1 Release Candidate 3 (RC3) Now Available You can download and help test RC3 in three ways. It’s just o… about a day ago
  • wordpress
    Part 2: Learn how to recreate block designs in #WordPress during this live, online, and interactive event on Octobe… about 4 days ago
  • wordpress
    Missed the live workshop? Tune in to Creating Welcoming & Diverse Spaces for Organizers workshop on #LearnWP on dem… about 4 days ago
  • wordpress
    Try out more layout configurations with consistent design tools across container blocks. Find out which blocks have… about 5 days ago
  • wordpress
    Have you contributed to a WordPress event globally, or even attended one for the first time? #WCAsia wants to hear… about 6 days ago
  • wordpress
    Mark your calendars. 📅 The Documentation Team is hosting its first standalone Contributor Day on October 25! If y… about 6 days ago
  • wordpress
    Last month, Openverse celebrated hitting over 800,000 audio files indexed. But there’s more. Audio support is now o… about 7 days ago
  • wordpress
    City or countryside? Whatever your vibe is, enjoy these beautiful spots in India through the lenses of contributors… about 8 days ago
  • wordpress
    WordPress 6.1 Release Candidate 2 (RC2) is Now Available for testing! Keep #WordPress bug free when you help with t… about 9 days ago
  • wordpress
    Explore more color tools for unifying your brand’s look across your site. Find out which blocks have color support,… about 9 days ago
  • wordpress
    Let's celebrate 🎉 This major milestone of #100MillionDownloads belongs to the entire #WordPress community. Thank… about 9 days ago
  • wordpress
    WordPress 6.0.3 Security Release about 10 days ago
  • wordpress
    WordPress 6.1 is coming soon! Catch a sneak peek into the release on this week's episode of the #WPBriefing!… about 10 days ago
  • wordpress
    New to managing blocks in #WordPress? Check out this video on "Using Block Attributes to Enable User Editing" for d… about 12 days ago
  • wordpress
    The next release comes with many accessibility improvements and fixes across the platform. Get more details on what… about 13 days ago
  • wordpress
    The September 2022 edition of The Month in WordPress is now available. Learn about: ‣ What's coming in WordPress 6… about 13 days ago
  • wordpress
    オンラインイベントのお知らせです!行・縦積みブロックを使って #WordPress でレスポンシブデザインを体験。日本時間 10月21日15時 ( 10月22日10時 (… about 13 days ago
  • wordpress
    Fine-tune your blocks’ layouts with more design tools in 6.1. Find out which blocks have available support for dime… about 14 days ago