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.

coffee4dev

<p>C4D Shoppable Images increases traffic through your website by creating shoppable images: images containing different points which link to various products.</p>
<h3><a href="http://30tet.coffee4dev.com/lookbook-images/" title="live demo" rel="nofollow ugc">Demo 1</a> <a href="http://30tet.coffee4dev.com/shoppable-image-slider-style/" rel="nofollow ugc">Demo 2</a> <a href="http://30tet.coffee4dev.com/2018/07/09/duis-imperdiet-felis-tortor-non-malesuada-diam-iaculis-vitae/" rel="nofollow ugc">Demo 3</a> <a href="http://coffee4dev.com/docs/document-c4d-woo-shoppable-images/" title="document" rel="nofollow ugc">Document</a> <a href="http://coffee4dev.com/woocommerce-shoppable-images/" title="pro version" rel="nofollow ugc">Premium</a> <a href="http://coffee4dev.com/contact/" title="Support & Contact" rel="nofollow ugc">Support</a></h3>
<h4>FEATURES IN C4D Shoppable Images</h4>
<ul>
<li>Completely integrate with WooCommerce plugin</li>
<li>Using shortcode in page</li>
<li>Using shortcode in post</li>
<li>Using shortcode in widget </li>
<li>Using shortcode in pagebuilder Elementor, Bavebuilder, Visual Composer.</li>
<li>Display with slider style</li>
<li>Options for slider style</li>
<li>Display with grid style (4 columns, 3 columns, 2 columns, 1 column)</li>
<li>Option for grid </li>
<li>Drag & drop admin to create collection.</li>
<li>Support category, tags, single page.</li>
<li>Duplicate collection</li>
<li>Custom option to modify style of product title</li>
<li>Custom option to modify style of click icon</li>
<li>Custom option to modify style of product desc</li>
<li>Custom option to modify style of product images</li>
<li>Custom option to modify style of product button</li>
</ul>
<h3>INSTALLATION & CONFIG</h3>
<ol>
<li>Upload <code>c4d-shoppable-images</code> to the <code>/wp-content/plugins/</code> directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
</ol>
<h3>OPTION PAGE</h3>
<p>To enable admin options please install <a href="https://wordpress.org/plugins/c4d-plugin-manager/" rel="ugc">C4D Plugin Manager plugin</a></p>
<h3>MAY BE YOU NEED</h3>
<p><a href="https://wordpress.org/plugins/c4d-woo-variation-swatches/" rel="ugc">C4D Woo Variation Images</a> Display variation by image, color, text. Support add multi images for variations.<br />
<a href="https://wordpress.org/plugins/c4d-woo-bundle/" rel="ugc">C4D Woocommerce Bundle</a> Create frequently bought together product, sell bundle products with discount, promotion<br />
<a href="https://wordpress.org/plugins/c4d-woo-boost-sales/" rel="ugc">C4D Woocommerce Boost Sales</a> Auto create upsell, cross-sell product in mini cart, cart page, popup cart, thankyou, email.<br />
<a href="https://wordpress.org/plugins/c4d-woo-filter/" rel="ugc">C4D Woocommerce Filter</a> Turn your shop into ajax filter without refresh page. Support all default widget of Woocommerce.<br />
<a href="https://wordpress.org/plugins/c4d-woo-cart-icon/" rel="ugc">C4D Woocommerce Cart</a> Create popup, side cart, support display cross-sell, upsell, related product in cart.</p>
<h3>NEED SUPPORT OR CUSTOM</h3>
<p>If you have question please contact us. Visit <a href="http://coffee4dev.com" title="plugin website" rel="nofollow ugc">plugin website</a></p>


C4D Shoppable Images

I install and get some issues but Coffee4dev team did an amazing update helping us fix our problems.
I recommend this plugin to everyone who is looking for a shoppable image feature.
Great work.

Good plugin for shoppable images, great support!

C4D Shoppable Images increases traffic through your website by creating shoppable images: images containing different points which link to various pro …

Image Hotspot Block vs C4D Shoppable Images