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!


Purrfect for Showcasing Your Products!

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

Wombat Plugins

studiowombat

<p>Increase traffic through your website by creating shoppable images: images containing different hotspots which link to various products or pages.</p>
<h4>Features</h4>
<ul>
<li>Create shoppable images in 3 easy steps, straight from the WordPress admin</li>
<li>Change tag colors</li>
<li>Easily link hotspots to your products or any page</li>
<li>Add shoppable images on posts or pages by using shortcodes</li>
<li>Or add it anywhere in your theme through PHP</li>
<li>Woocommerce 3.6+ compatible</li>
</ul>
<h4>Quick links</h4>
<p><a href="http://demostore.studiowombat.com/shoppable-images-demo/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">» Demo</a><br />
<a href="https://studiowombat.com/knowledge-base/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">» Documentation</a><br />
<a href="https://studiowombat.com/plugin/shoppable-images/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">» Pro Version</a></p>
<h4>Premium features</h4>
<p>More info about the premium version <a href="https://studiowombat.com/plugin/shoppable-images/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">can be found here</a></p>
<ul>
<li>Support for variable products.</li>
<li>Button can also automatically add the products to the cart (without page reload).</li>
<li>Settings to tweak the tag design even further: from colors to size.</li>
<li>Choose between multiple tag-icons.</li>
<li>Tag pulse animations to make them stand out.</li>
<li>Popup animations to make everything smoother.</li>
<li>Option to open the popup on hover instead of on click.</li>
<li>Add unlimited images.</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>PHP 5.6 or higher</li>
<li>WordPress 3.7 or higher</li>
<li>Optinional: WooCommerce 3.6+</li>
</ul>


Shoppable Images (Lookbook) for WooCommerce

Create interactive 'shoppable' images (lookbooks) with click-to-buy tags. Ideal to showcase your products in a different way and drive more traffic.

Image Hotspot Block vs Shoppable Images (Lookbook) for WooCommerce