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.

Freemius

Avirtum

Yalogica

🏆 The Best Interactive Map and Floor Plan Builder for WordPress
PicPoints is the most advanced, developer-friendly interactive image and floor plan builder for WordPress. Built for performance and modern web standards, it handles many interactive elements effortlessly without lagging your website.
Unlike traditional image map plugins that break when your WordPress theme updates, PicPoints renders entirely inside a Shadow DOM. This guarantees 100% CSS and JS isolation your theme’s styles will never break your interactive maps, and your maps will never slow down your site.
Whether you need to build a multi-story real estate floor plan, an interactive product anatomy showcase, a shoppable e-commerce lookbook, or a vector-accurate event map, PicPoints provides a Figma-like vector editor right inside your WordPress dashboard.
Draw complex clickable shapes with pixel-perfect accuracy using native Bezier curves, group layers, and create rich-content popups and tooltips in minutes.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/AmEn0b1bgf8?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>🚀 Why Developers & Businesses Choose PicPoints:</h3>
<ul>
<li>Isolated Shadow DOM Architecture: Zero CSS conflicts with your theme. 100% visual consistency on any website.</li>
<li>Extreme Performance: Hardcore optimization tested with up to 1,000 active vector elements on a single canvas.</li>
<li>Pro-Grade Vector Editor: Draw ellipses, rectangles, markers, and custom polygons with smooth Bezier curves.</li>
<li>Multi-Scene & Multi-Level Canvas: Perfect for real estate (Floor 1, Floor 2, Floor 3) and complex architectural blueprints.</li>
<li>Figma-Like Layer Management: Group, rename, and organize your vector shapes and markers hierarchically.</li>
<li>Fully Responsive & Liquid: Adapts flawlessly to mobile devices, tablets, and desktops with smart touch controls.</li>
<li>Rich Tooltips & Popups: Trigger automated tooltips on hover or open rich-media popups (images, text, iframes) on click.</li>
</ul>
<h3>🔥 FEATURES</h3>
PicPoints Free is perfect for small projects and testing. PicPoints Pro unlocks the full potential for professional agencies and realtors.
PicPoints Free – General Features 
⚡ Number of maps: Max 3 
⚡ Number of scenes (levels) per map: Max 3 
⚡ Number of interactive layers/markers per scene: Max 10 
✅ Markers: non-scalable pins (icon + text or image) with custom anchor point positioning. 
✅ SVG Layers: rectangles, ellipses, images, text (with left/center/right alignment), and polygons. 
✅ Smart Undo/Redo History: full history stack to undo/redo changes for scenes & layers. 
✅ Standard Tooltips & Popups (Auto-close enabled) 
✅ Flexible tooltip positions: top, bottom, left, right, center, follow 
✅ Strict Pan & Zoom behavior 
✅ Change viewport & scene background, can be color or image
PicPoints Free – Widgets 
✅ Scene Title 
✅ Scene Navigation Dots 
✅ Scene Navigation Switcher 
✅ Fullscreen Toggle 
✅ Fit to Screen 
✅ Zoom Controls
PicPoints Pro includes everything from Free, plus: 
✅✨ Unlimited Maps, Scenes, and Layers for enterprise-scale projects. 
✅✨ Import layers from SVG import <code><g></code> and <code><path></code> vector elements from Illustrator or Inkscape with automatic layer tree and partial style retention. 
✅✨ Auto-Load toggle map auto-loading on/off or configure a custom delay timer to optimize website page load speed. 
✅✨ Greeting dialog show message before map load. 
✅✨ Bulk Attribute Editing select multiple layers or groups at once to edit, update, or assign common custom metadata. 
✅✨ Advanced Handlebars Templates use classic Handlebars logic ({{variable}}, {{#if}}, {{#each}}) inside Tooltips and Popups to build highly dynamic, data-driven layouts without coding. 
✅✨ Physics-Based Canvas Bounce advanced configurations for a smooth viewport experience. 
✅✨ Custom JS & CSS Sections per map and per element for infinite extensibility. 
✅✨ Developer API Access to connect your interactive maps with external CRM, WooCommerce, or custom databases. 
✅✨ Priority email support for agencies and businesses that need fast help.
Note: The undo/redo history covers all scene or layer movements and visual style modifications. Rich content formatting changes inside tooltips and popups bypass the history stack.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/yk9iK76KuFU?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>🚀 COMPATIBILITY</h3>
Not all themes and plugins are built the same way, so PicPoints is designed with extra compatibility in mind.​ PicPoints works seamlessly with modern WordPress themes and popular page builders that support standard blocks and shortcodes.
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 with 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…
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6DdZDq7EqmQ?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>🎓 CONCLUSION</h3>
PicPoints is a powerful, developer-friendly tool for building interactive image maps and multi-level floor plans directly within the WordPress dashboard. Featuring a Figma-like vector editor and an isolated Shadow DOM architecture, it ensures seamless performance and 100% style protection against theme updates. With support for native Bezier curves, rich-media tooltips, and fluid touch controls, it turns static graphics into fully immersive, responsive digital experiences.It serves as a lightweight, modern alternative to established interactive mapping plugins like Mapplic, ImageMap Pro, MapSVG, Draw Attention, and Vision. 
With PicPoints, you can visually outline complex geometries, group interactive elements, and embed shoppable lookbooks or interactive architecture maps via a simple shortcode. The plugin balances intuitive usability for non-technical users with rich customization and advanced Developer APIs for agencies, making it the ultimate tool for boosting on-site conversion and spatial engagement.
<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>
</ul>
<h3>🔥 Check out our other 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/post-order-master/" rel="ugc">Post Order Master</a> – free drag & drop hierarchy manager
<h3>Support</h3>
Found an issue or have a feature request? Head over to our <a href="https://wordpress.org/support/plugin/picpoints/" rel="ugc">support forum</a> or drop us an email for assistance. We’re here to help you create stunning floor plans and image maps with ease!

PicPoints – Interactive Image Maps, Floor Plans Builder

Create high-performance interactive images, multi-level floor plans, shoppable lookbooks, and vector-accurate responsive image maps.

WCSpots – image hotspots for WooCommerce vs PicPoints – Interactive Image Maps, Floor Plans Builder