Image Map HotSpot with Lightbox WordPress Plugin


The Picture Map HotSpot for WordPress assist you to to show tooltip or annotation of your picture with easy CSS3 transition. You’ll be able to select to show the popover when person click on or mouseover, and simply drag the icon to replace the HotSpot’s place within the backend. The working stay preview is obtainable within the backend, one thing like wysiwyg (What You See Is What You Get).

Every hotspot icon help non-obligatory pulse animation.

The hotspot icons may be displayed in numbers, after model 1.3.3, the hotspot additionally help Lightbox, you possibly can click on the icon to open a YouTube or Vimeo Lightbox, additionally help picture or google map Lightbox.


For the prior consumers, how you can replace?

Simply obtain the newest bundle from CodeCanyon, un-zip, add and overwrite the recordsdata in your server, the information might be not misplaced with such replace.

The HotSpot works superb on the backend preview however not displaying within the frontend?

Please attempt to wrap the shortcode with uncooked, like:

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

Some theme will add clean <p></p> to the content material of the shortcode, this break the plugin. The uncooked tag will stop it so as to add the pointless clean p tags.

Replace log

Jan 4, 2021 - ver 1.3.6
      - Enchancment: add extra icon choices, now you possibly can select from 350+ icons, add variable icon dimension choices.
      - Enchancment: extra responsive, now icons might be smaller on small machine view.
      - Another small enchancment.

Sep 8, 2020 - ver 1.3.5
      - Enchancment: add non-obligatory pulse animation for every hotspot, you possibly can select the built-in pulse colour too.

July 29, 2020 - ver 1.3.4
      - Mounted cannot publish the web page with WP_DEBUG enabled.

Jun 6, 2020 - ver 1.3.3
      - Enchancment: add lightbox help for the hotspot, now you possibly can click on the hotspot icon to open a YouTube/Vimeo video, picture or google map and many others.

Jun 12, 2019 - ver 1.3.2
      - Enchancment: add show the icon as quantity choice

Feb 13, 2019 - ver 1.3.1
      - Enchancment: add international max-width choice for the tooltip

Oct 25, 2018 - ver 1.3
      - replace the design, now the icon help font superior icon
      - word: the information is completely different with prior model, so you need to re-add the content material once more if wish to use the font icons. The info is secure with updating, you possibly can nonetheless use the prior 1.2.6 too.

-- 8 Jun 2016 - ver 1.2.6
    - Mounted the big picture is hidden in admin backend, now you possibly can drag icons with giant picture.
    - Another small enchancment.

-- 2 Jun 2014
    - Add pulse border choice for every pin, you possibly can select the heartbeat border (black/white) within the setting too.
    - Make the popup merchandise within the backend sortable, you possibly can drag them to re-order. It is helpful if the popup is in slideshow mode.

-- 14 Feb 2014
    Replace the pin place in responsive, make it extra constant and exact in small display.

-- 2 January 2014
    - Add customized pin icon help, now you possibly can add your personal customized pin icon within the setting.

-- 22 December 13
    - Repair the arrow is lacking within the backend stay preview of the WordPress 3.8

-- 21 October 13
    - Completely different icon for hotspot in similar picture.
    - Optionally available popover dimension, background and colour.
    - Optionally available label beneath the icon.
    - Icon drop in animation.
    - Hyperlink with the icon.
    - Experiment YouTube video popover.


  • Simple to put in and setup with WordPress, stay working preview of the HotSpot on the edit page, assist you to replace HotSpot simply, one thing like wysiwyg (What You See Is What You Get).
  • Draggable icons within the backend, allow you to replace the hotspot’s place simply with mouse drag, you possibly can see the demo video in YouTube.
  • 4 instructions of popover, may be in prime, proper, backside and left.
  • Responsive, works superb with small display machine.
  • Suitable with newest jQuery(1.10.x) and newest WordPress.
  • A number of HotSpot occasion on similar web page, limitless HotSpot you possibly can add to a picture.
  • Enqueue the js and css solely when wanted. Preserve WordPress web page dimension smaller.
  • You’ll be able to add/edit the Picture HotSpot with out touching the code. Customise/replace the picture and textual content with WordPress backend.
  • CSS3 transition help, fade solely on the older browser, like IE8.
  • Optionally available auto delay slideshow.
  • FAQ and supply code are included within the bundle. Free replace sooner or later.

See a overview from Business Bluebird, and extra overview from the consumers:

“The right and easy picture map plugin for WordPress! Help can also be exemplary and environment friendly. Cease wanting, this probably is the one picture map you’ll ever want.”


“Nice plugin and I’ve been on the lookout for one thing like this for years.
Thanks, 100% glad.”


“Nice plugin! Simply what I wanted. Method higher than every other picture maps.”


“Congratulations in your quick reply to requests, nice job!
I like to recommend this plug-in .”


“I can’t let you know how excited I’m about this software program. I’ve struggled for almost a 12 months to get one thing that labored. No everlasting internet hosting of images, no difficult code. And if I wish to add one other hotspot later it’s all there. My earlier software program I needed to rebuilt the entire picture map simply to make a easy correction. – OK so a little bit of HTML however nothing that may’t be reduce and pasted from the textual content a part of the positioning. Price each penny!”


“That is an superior plugin. The intuitive GUI lets you edit the place of the hotspots in actual time. HTML may be enter immediately into every hotspot for skilled wanting pop-ups with no back-end work. By utilizing shortcodes to position the formatted picture there are not any conflicts with design parts. That is one in every of my favourite plugins!”


And more happy users.

Screenshot of the backend in WordPress:

HotSpot list

HotSpot edit page

You can too verify the HTML/JS model

jQuery HotSpot plugin with slideshow

Visible Composer Extensions All In One

Credit score



Related Posts