Micemade

Introducing WCSpots – our WooCommerce Product Hotspot Gutenberg Block – the ultimate solution for showcasing your products in a creative and interactive way!
With our plugin, you can easily create a custom image with hotspots that link to selected WooCommerce products. Simply select the products you want to showcase, upload an image, and add hotspots on top. Each hotspot is associated with a product, and when clicked, displays a product popover with all the necessary details – including price, description, and a “Add to Cart” button.
This plugin is perfect for any WooCommerce store owner looking to showcase their products in a unique and engaging way. Whether you want to highlight your best-sellers, promote new arrivals, or simply create an eye-catching product display, our plugin has got you covered.
<blockquote>
v.1.2.0 UPDATE NOTICE: Upon update to v.1.2.0. no significant change or issue should occur on frontend of your WCSpots showcases. However, after update, on edit screen the “Block contains unexpected or invalid content.” notice will appear. Clicking the “Attempt Recovery” will fix this notice, and new WCSpots v.1.2.0 features will be available.
</blockquote>
<h3>Key Features</h3>
Here are some of the key features of WCSpots:
<ul>
<li>Easy setup: Simply install the plugin, select your products, upload an image, and add hotspots.</li>
<li>Customizable hotspots: Choose from a range of styles and customize hotspot design to match your brand. Change hotspot position with simple drag and drop.</li>
<li>Build your own layout with intuitive controls and settings.</li>
<li>Mobile-friendly: Our plugin is fully responsive, ensuring your hotspots and product popovers look great on any device.</li>
<li>Fast loading: Our plugin is optimized for speed, ensuring your page loads quickly and efficiently.</li>
</ul>
So why wait? Download our WCSpots Block today and start showcasing your products like never before!
<h3>Feature details</h3>
<ul>
<li>Drag and drop hotspots – easily change hotspot position.</li>
<li>Pulsating hotspot effect – make hotspot pulsate, globally, or per hotspot.</li>
<li>Change the hotspot sizes – separate control over inner and outer hotspot elements.</li>
<li>Product highlight color – product higlighted with hotspot primary color, on hotspot hover.</li>
<li>Product image size – image size controls for products and a popover.</li>
</ul>
Demonstration of WCSpots block usage:
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/n0i9uqBsKp0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/Micemade/woohotspots" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://twitter.com/theMicemade" rel="nofollow ugc">Follow on Twitter</a></li>
</ul>
<h3>Licence</h3>
The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences: 
* <a href="https://www.npmjs.com/package/classnames" rel="nofollow ugc">ClassNames</a> 
* <a href="https://react-select.com/home" rel="nofollow ugc">React Select</a> 
* <a href="https://www.npmjs.com/package/react-tiny-popover" rel="nofollow ugc">React Tiny Popover</a> 
* <a href="https://www.npmjs.com/package/dompurify" rel="nofollow ugc">DOMPurify</a> 
* <a href="https://www.npmjs.com/package/uuid" rel="nofollow ugc">uuid</a>
<h3>Feedback</h3>
If you would like to have more features in this block, please suggest them in the Support section. This also applies to pointing out to bugs, or UI/UX improvements. Bugfixes or improvements will be added to free version of plugin, but some new features may only apply to commercial version. The commercial version will enable us to contiue working on free version and support it for a longer time period.

WCSpots – image hotspots for WooCommerce

Create WooCommerce product showcases with image hotspots in the block editor.

Avirtum

<h3>📢 Note from the Developer</h3>
To our amazing Vision community! We are proud to introduce <a href="https://wordpress.org/plugins/picpoints/" rel="ugc">PicPoints</a> – our next-generation interactive image map builder.
It is built on modern web standards to solve old layout problems once and for all. It features full CSS/JS isolation (Shadow DOM) to prevent theme conflicts, a powerful Figma-like vector editor, and enhanced performance for multi-level floor plans or shoppable lookbooks.
🎁 <a href="https://wordpress.org/plugins/picpoints/" rel="ugc">Check out PicPoints and download it for FREE!</a>
<h4>Vision – Interactive Image Map Builder</h4>
Vision Interactive is a lightweight and rich-feature plugin helps you enhance images with additional information and links. With this plugin you are able to easily annotate images with text, shapes and icons, draw attention to areas and features on images. You can then use them in posts that empower publishers and bloggers to create more engaging content. It provides an easy way for you to convert a static image into the online interactive media brochures or booklets, image maps, immersive storytelling in seconds. The plugin can be deployed easily and runs on all modern browsers and mobile devices.
📋 <a href="https://avirtum.com/vision-interactive-image-map-builder-for-wordpress/" rel="nofollow ugc">DEMO & DESCRIPTION</a> 📋 
🔥 <a href="https://1.envato.market/getvision" rel="nofollow ugc">DON’T DELAY, BE PRO TODAY!!!</a> 🔥
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7fl_WDXLKdc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Note: the video tutorial above also uses a WordPress media folder management plugin iFolders, you can learn more at this <a href="https://wordpress.org/plugins/ifolders/" rel="ugc">link</a>.
Discover the joy of effectively creating media presentations with this innovative tool.
<h3>🔥 Features</h3>
With a suite of powerful features, you can effortlessly add a wide range of interactive elements to your images, including:
✅ Powerful Interface – the drag-and-drop feature takes this experience to the next level, allowing you to intuitively position and rearrange your interactive elements with ease. 
✅ Layers – properly place clickable markers on images to link to relevant content, this can be an image, text or just an area. 
✅ Tooltips – provide concise, informative tooltips that appear when users hover over specific areas of your image. 
✅ Popovers – showcase detailed information or multimedia content in eye-catching popup boxes, both in-line and lightbox styles. 
✅ Smart – advanced algorithms ensure that your interactive elements are always positioned in the optimal location. 
✅ Responsive – the responsive design automatically adjusts the size and placement of your markers, tooltips, and popovers to maintain a clean, professional look across all devices. 
✅ Animations – elevate your interactive image maps with a wide range of captivating animations, choose from over 100 show/hide effects to make your tooltips come alive, captivating your audience and keeping them engaged. 
✅ Code editors & Customization – tailor the appearance and behavior of your interactive elements to match your brand’s unique style, or dive into the code editors to add custom CSS and JavaScript for even greater control.
Unlock the full potential of your WordPress site and start your journey towards interactive excellence today. Experience the power of our cutting-edge plugin and watch as your audience becomes captivated by the immersive visuals you create.
<h3>⚙️ Compatibility</h3>
At the heart of our plugin lies a deep commitment to compatibility. We understand that the WordPress ecosystem is a diverse and vibrant landscape, with a wide array of themes, plugins, and page builders to choose from. That’s why we’ve designed our interactive map creation plugin to seamlessly integrate with your unique WordPress setup, ensuring a smooth and cohesive experience.
Our plugin is proudly compatible with the most popular WordPress page builders, themes, and plugins, allowing you to effortlessly incorporate interactive maps into your content, no matter your existing WordPress configuration. We’ve put in the work to ensure our plugin plays nicely with the tools you already love and trust.
PAGE BUILDERS 
* <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg</a> – modern built-in WordPress block editor 
* <a href="https://wordpress.org/plugins/classic-editor/" rel="ugc">Classic Editor</a> – classic built-in WordPress editor 
* <a href="https://elementor.com/" rel="nofollow ugc">Elementor</a> – leading website builder platform on WordPress 
* <a href="https://wpbakery.com/" rel="nofollow ugc">WP Bakery</a> – create any layout in an intuitive way 
* <a href="https://www.wpbeaverbuilder.com/" rel="nofollow ugc">Beaver</a> – page builder you can trust with your business 
* <a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks</a> – amazing block editor with many templates 
* <a href="https://www.brizy.io/" rel="nofollow ugc">Brizy</a> – next-gen website builder that anyone can use 
* and more…
THEMES 
* <a href="https://themeforest.net/item/avada-responsive-multipurpose-theme/2833226" rel="nofollow ugc">Avada</a> – swiss army knife of WordPress themes 
* <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi</a> – most popular WordPress theme in the world 
* <a href="https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048" rel="nofollow ugc">BeTheme</a> – more than just WordPress theme 
* <a href="https://themeforest.net/item/bridge-creative-multipurpose-wordpress-theme/7315054" rel="nofollow ugc">Bridge</a> – not just a theme, it’s a collection of amazing examples 
* <a href="https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319" rel="nofollow ugc">Flatsome</a> – multi-purpose responsive WooCommerce theme 
* and more…
In the rare event that you encounter a compatibility challenge with a specific tool, our dedicated support team is here to help. We’re committed to ensuring a seamless integration, no matter your WordPress setup.
<h3>🎓 Conclusion</h3>
Unlock the power of interactive maps: elevate your WordPress content with our innovative plugin.
Are you tired of static images on your WordPress site? Unlock a new world of interactivity and engagement with our cutting-edge plugin – the ultimate solution for creating dynamic, interactive image maps. Say goodbye to the limitations of traditional media management and embrace the future of WordPress content creation.
Vision is a revolutionary plugin that lets you turn ordinary images into engaging interactive maps, floorplans, infographics, and more. With its intuitive interface and powerful features, you can easily add clickable dots, informative tooltips, and easy navigation to your WordPress content, taking user experience to new heights.
Vision seamlessly integrates with your WordPress, providing a user-friendly environment to create, customize, and manage your interactive imagemaps. Transform your WordPress site into a dynamic, immersive experience. With Vision, you can captivate your audience with interactive maps that showcase your products, services, or any other content. Leverage the power of interactivity to increase user engagement, boost conversions, and leave a lasting impression on your visitors.
We understand the diverse nature of the WordPress ecosystem, which is why Vision is designed to work seamlessly with a wide range of popular page builders, themes, and plugins. Seamlessly integrate interactive maps into your existing WordPress setup and enjoy a cohesive, streamlined experience.
Vision is the ultimate tool for anyone seeking to enhance their online presence, engage their audience, and stand out in the crowded digital landscape. Start your journey towards interactive excellence today and unlock the full potential of your WordPress site.
<h3>💼 GDPR & Privacy</h3>
<ul>
<li>We do not collect or store any information about our visitors or users without their consent.</li>
<li>We also do not transfer any data to external servers without users’ consent.</li>
<li>The purpose of our folder manager plugin is to help organize the WordPress media library, pages, posts, and custom post types.</li>
</ul>
<h3>🔥 Check out other best WordPress Plugins</h3>
<a href="https://wordpress.org/plugins/happyvr/" rel="ugc">HappyVR</a> – virtual tour builder and 360 panorama viewer for WordPress 
<a href="https://wordpress.org/plugins/mediacommander/" rel="ugc">MediaCommander</a> – bring folders to media, posts, and pages 
<a href="https://wordpress.org/plugins/ninjadraw/" rel="ugc">NinjaDraw</a> – create diagrams, sketches & visual workflows 
<a href="https://wordpress.org/plugins/picpoints/" rel="ugc">PicPoints</a> – create interactive images and multi-level floor plans in minutes

Vision – Interactive Image Map Builder

Empower your site with interactive visuals! Our plugin seamlessly transforms static images into engaging media, enabling publishers and bloggers.

WCSpots – image hotspots for WooCommerce vs Vision – Interactive Image Map Builder