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.

Igor

Daniela

<h4>What is Image Map Connect Plugin?</h4>
<p>Image Map Connect allows you to add any image to your WordPress website and make it an interactive image map. On the image map you can:</p>
<ol>
<li>Display your existing and/or new posts as markers, including custom post types</li>
<li>Show post details in a popup</li>
<li>Filter markers</li>
<li>Switch between layers</li>
<li>Zoom in and out</li>
<li>Use block settings to visually configure the plugin</li>
</ol>
<p>The plugin uses built-in WordPress features where possible, for example it extends the current posts and makes use of the default blocks like the query block.</p>
<h4>What Can You Use the Plugin for?</h4>
<p>Among other things, you can use the plugin provide an interactive</p>
<ul>
<li><strong>Indoor maps</strong> (e.g. for campus facilities, grocery stores, hotels, conferences, museums, and exhibitions)</li>
<li><strong>Simplified or stylised outdoor maps</strong> (e.g. for events, routes, towns and villages)</li>
<li><strong>Infographics</strong> to introduce a complex concept (e.g. technical frameworks)</li>
<li><strong>Technical drawings</strong> to provide context</li>
<li><strong>Product images</strong> with highlighted product features</li>
</ul>
<h4>Key Features</h4>
<ul>
<li>Create unlimited amount of image maps, layers, and markers</li>
<li>Embed the image map in block theme templates</li>
<li>Add the image map to block-based widget area in classic themes</li>
<li>Embed the image map in any pages or (custom) posts</li>
<li>Display your existing and new posts as markers, including custom post types</li>
<li>Show post details in a popup</li>
<li>Define image map center, height and zoom level</li>
<li>Modify marker and popup styling</li>
<li>Filter markers based on query loop or archive</li>
<li>Add multiple layers</li>
<li>The image map is responsive</li>
</ul>
<h3>Help and Support</h3>
<p>You can contact us in two ways at the moment:</p>
<ul>
<li>If you have any questions, you can send an email to <a href="mailto:info@flarehub.io" rel="nofollow ugc">info@flarehub.io</a></li>
<li>If you find a bug or have a feature request, you can send an email or report an issue in our <a href="https://github.com/Flare-Hub/image-map-connect-plugin/issues" rel="nofollow ugc">Github repository</a>. Please just make sure to search the existing issues and only report new ones.</li>
</ul>


Image Map Connect – Display Posts as Image Hotspots


Everything works well and it’s really great. Thank you.



Please add feature: Search box filter and redirect to floor after search


Great plugin

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

Image Hotspot Block vs Image Map Connect – Display Posts as Image Hotspots