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.

Wombat Plugins

studiowombat

Increase traffic through your website by creating shoppable images: images containing different hotspots which link to various products or pages.
<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>
<a href="http://demostore.studiowombat.com/shoppable-images-demo/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">» Demo</a> 
<a href="https://studiowombat.com/knowledge-base/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">» Documentation</a> 
<a href="https://studiowombat.com/plugin/shoppable-images/?utm_source=wporg&utm_medium=referral&utm_campaign=readme" rel="nofollow ugc">» Pro Version</a>
<h4>Premium features</h4>
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>
<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.

PicPoints – Interactive Image Maps, Floor Plans Builder vs Shoppable Images (Lookbook) for WooCommerce