Create dynamic images with clickable hotspots to showcase products. Optimized for WooCommerce.

Le Van Toan

Image Hotspot by DevVN

Image Hotspot by DevVN helps you add hotspots to your images.

wpmart

Image Hotspot – Map Image Annotation

Image hotspot lets you easily add custom tooltips to your images and add hotspot when highlighting them. Furthermore, you have the option of setting c …

themebon

Image Hotspot With Tooltip For WPBakery Page Builder (formerly Visual Composer)

Checkout our Latest WordPress Themes - 100% Free

Flipbox Addon for WPBakery Page Builder (formerly Visual Composer)

Igor

Daniela

Image Map Connect – Display Posts as Image Hotspots

Add any image to your WordPress posts, pages, or archives and make it interactive: display your existing and new posts as markers.

Xolo Software

Hotspot

Create an awesome pins for your image. It can be use for any highlighted points and dots on your image.

shra

Active Contour

Create interactive areas on images using custom contours. Fully integrated with the media library and Gutenberg.

rktaiwala

techsarathy

TS Hotspot Quiz

Turn static images into interactive "Connect the Dots" quizzes. Perfect for anatomy, geography, and technical training assessments.

Thomas

<p>Easily create <em>Image Hotspots</em> (tooltips with WooCommerce or custom product info) with the Image Hotspot Block, all directly from within your post, page or site editor!</p>
<p><em>This plugin has just been released so please let me know if you have any feature requests or suggestion!</em></p>
<h3>Key features</h3>
<ul>
<li><strong>Easy to use :</strong> Simply add the block to your page, add your image and products and you are good to go!</li>
<li><strong>Easy to customize :</strong> From the color of the dot, to the tooltip content and layout, we try to give you as much control as possible to let you create the perfect style for you.</li>
<li><strong>Performance :</strong> We only load our script and style when the page is actually using our block.</li>
</ul>
<h3>How to use</h3>
<ul>
<li>Open a page or blog post using the block editor ( Gutenberg editor ).</li>
<li>Add the “Image Hotspot” block.</li>
<li>Choose an image.</li>
<li>With the block selected, in the right sidebar ( block options ), click on “Add product”.</li>
<li>From there, either add a WooCommerce product to autofill product info, or create a custom product.</li>
<li>You can move the hotspot by holding ctrl or command key and draging the hotspot.</li>
<li>You can then customize the tooltip layout, content etc..</li>
</ul>


Image Hotspot Block


Using this plugin, I can make my products stand out in a really fun way. I added a photo of my cat wearing my handmade bracelet and reading my book! The tooltips grab my visitors' attention, making them excited to learn more about my products. Congrats to Thomas, well done!


Alternatives to Image Hotspot Block

Top alternatives