Title: PicPoints – Interactive Image Maps, Floor Plans Builder Author: Yalogica Published: 2024-يىلى 12-ماي Last modified: 2026-يىلى 21-ئىيۇن --- قىستۇرما ئىزدە ![](https://ps.w.org/picpoints/assets/banner-772x250.png?rev=3551783) ![](https://ps.w.org/picpoints/assets/icon-256x256.png?rev=3551607) # PicPoints – Interactive Image Maps, Floor Plans Builder يازغۇچى [Yalogica](https://profiles.wordpress.org/yalogica/) [چۈشۈر](https://downloads.wordpress.org/plugin/picpoints.1.7.0.zip) * [تەپسىلاتلار](https://ug.wordpress.org/plugins/picpoints/#description) * [باھالاشلار](https://ug.wordpress.org/plugins/picpoints/#reviews) * [ئورنىتىش](https://ug.wordpress.org/plugins/picpoints/#installation) * [ئىجادىيەت](https://ug.wordpress.org/plugins/picpoints/#developers) [قوللاش](https://wordpress.org/support/plugin/picpoints/) ## چۈشەندۈرۈش **🏆 The Best Interactive Image Map and Floor Plan Builder Plugin for WordPress** PicPoints is the most advanced, developer-friendly **interactive image map** and** floor plan builder** for WordPress. Built for extreme performance and modern web standards, this **hotspot plugin** handles hundreds of interactive elements effortlessly without lagging your website. Unlike traditional **image mapping tools** that break during WordPress theme updates, PicPoints renders entirely inside an isolated **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 page speed. 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 seating chart**, PicPoints provides a Figma-like SVG vector editor right inside your WordPress dashboard. Draw complex **clickable image** shapes with pixel-perfect accuracy using native Bezier curves, group layers, and create rich-content popups and tooltips in minutes. 🔥 [**PICPOINTS PRO**](https://yalogica.com/picpoints/) ### 🚀 Key Features of PicPoints Interactive Map Plugin: * **Isolated Shadow DOM Architecture:** Zero CSS conflicts with your WP theme. 100% visual consistency on any website. * **High-Performance Image Mapping:** Hardcore optimization tested with up to 1,000 active vector shapes on a single canvas. * **Pro-Grade SVG Vector Editor:** Draw ellipses, rectangles, markers, and custom polygons with smooth Bezier curves. * **Multi-Scene & Multi-Level Floor Plans:** Perfect for real estate marketing ( Floor 1, Floor 2, Floor 3) and complex architectural blueprints. * **Figma-Like Layer Management:** Group, rename, and organize your vector shapes, pointers, and markers hierarchically. * **Fully Responsive Clickable Images:** Adapts flawlessly to mobile devices, tablets, and desktops with smart touch and zoom controls. * **Rich Tooltips & Hotspot Popups:** Trigger automated tooltips on hover or open rich-media popups (images, text, WooCommerce products, iframes) on click. ### 🔥 Features PicPoints Free is the perfect **interactive image map tool** for small projects and testing. PicPoints Pro unlocks the full potential for professional web development agencies, e-commerce stores, 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 Action** ✅ **Zoom Controls (+/-)** **PicPoints Pro** includes everything from Free, plus: ✅✨ **Unlimited Maps, Scenes, and Layers** for enterprise-scale projects. ✅✨ **Import layers from SVG** import` ` and `` 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._ ### 🚀 Compatibility 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** * [Gutenberg](https://wordpress.org/plugins/gutenberg/) – modern built-in WordPress block editor * [Classic Editor](https://wordpress.org/plugins/classic-editor/)– classic built-in WordPress editor * [Elementor](https://elementor.com/) – leading website builder platform on WordPress * [WP Bakery](https://wpbakery.com/) – create any layout with intuitive way * [Beaver](https://www.wpbeaverbuilder.com/) – page builder you can trust with your business * [Bricks](https://bricksbuilder.io/) – amazing block editor with many templates * [Brizy](https://www.brizy.io/) – next- gen website builder that anyone can use * and more… ### 🎓 Use Cases PicPoints serves as a lightweight, modern, and high-performance alternative to established WordPress interactive mapping plugins like Mapplic, ImageMap Pro, MapSVG, WP Draw Attention, Image Hotspot by DevVN, and Vision. With PicPoints, you can easily 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 design agencies, making it the ultimate tool for boosting on-site conversion and spatial user engagement without slowing down your WordPress website. ### 💼 GDPR & Privacy * We do not collect or store any information about our visitors or users without their consent. * We also do not transfer any data to external servers without users‹ consent. ### 🔥 Check out our other WordPress Plugins [**HappyVR**](https://wordpress.org/plugins/happyvr/) – virtual tour builder and 360 panorama viewer for WordPress [**MediaCommander**](https://wordpress.org/plugins/mediacommander/)– bring folders to media, posts, and pages [**NinjaDraw**](https://wordpress.org/plugins/ninjadraw/)– create diagrams, sketches & visual workflows [**Post Order Master**](https://wordpress.org/plugins/post-order-master/)– free drag & drop hierarchy manager ### Support Found an issue or have a feature request? Head over to our [support forum](https://wordpress.org/support/plugin/picpoints/) or drop us an email for assistance. We’re here to help you create stunning floor plans and image maps with ease! ## ئېكران كەسمىسى [[ [[ [[ [[ [[ [[ [[ [[ [[ ## ئورنىتىش 1. Upload the `picpoints` folder to the `/wp-content/plugins/` directory, or install the plugin directly through the WordPress plugins screen. 2. Activate the plugin through the ›Plugins‹ screen in WordPress. 3. Look for the «PicPoints» menu item in your WordPress dashboard left sidebar to start building. 4. Copy the generated shortcode `[picpoints id="..."]` and paste it into any page, post, or widget area. ## FAQ ### I installed the plugin, what’s next? Once you’ve installed the plugin, you can start creating your first interactive map right away. Just open the PicPoints menu in your WordPress dashboard, create a new scene, setup canvas background and begin adding interactive markers and shapes. Your map will be ready to embed on any page in minutes. ### Does PicPoints work with page builders? Without a doubt, PicPoints works with most popular web page builders such as Elementor, Divi, Beaver Builder, Visual Composer, WP Bakery, Brizy, Blocks, and many others. ### Where is the developer version hosted? The developer version is available [here](https://github.com/yalogica/picpoints-wordpress-plugin). ### Will this plugin slow down my page load speed? No. PicPoints is built with performance in mind. Thanks to lightweight vector rendering and modular architecture, it can handle over a thousand active elements without visible performance drops or layout shifting. ### Will my theme’s CSS break the maps layout? Never. PicPoints utilizes **Shadow DOM encapsulating technology**. It encapsulates all styles inside a shadow tree, meaning your active theme cannot inject or override the CSS of your interactive maps. ### Can I link markers to WooCommerce products? Yes! You can use rich-text popups to insert product links, images, and prices. With the Pro version, you can use the custom JS/API section to create deep integration like «Add to Cart» directly from the image hotspot. ## باھالاشلار بۇ قىستۇرمىغا تېخى باھا يېزىلمىدى. ## تۆھپىكار ۋە ئىجادكار «PicPoints – Interactive Image Maps, Floor Plans Builder» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان. تۆھپىكار * [ Yalogica ](https://profiles.wordpress.org/yalogica/) * [ Freemius ](https://profiles.wordpress.org/freemius/) [«PicPoints – Interactive Image Maps, Floor Plans Builder» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/picpoints) ### ئىجادىيەتكە قىزىقامسىز؟ [كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/picpoints/)، [SVN خەزىنە](https://plugins.svn.wordpress.org/picpoints/) تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/picpoints/?limit=100&mode=stop_on_copy&format=rss) ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/picpoints/) گە مۇشتەرى بولغىلى بولىدۇ. ## ئۆزگىرىش خاتىرىسى #### 1.7.0 * Added: New «Focus on layer» action type. Clicking a layer now smoothly animates the viewport to focus on it. #### 1.6.2 * Changed: Optimize CSS architecture for `.picpoints-marker` component using modern nesting. #### 1.6.1 * Fixed: Color picker, resolved an issue where the Hue slider became unresponsive when selecting black (#000) or undefined colors. #### 1.6.0 * Added: SVG import now recognizes `vector-effect="non-scaling-stroke"` and maps it to the layer `fixedStroke` style property, preserving stroke width at any zoom level. * Fixed: SVG import silently dropped cubic bezier segments when path data used negative numbers without comma separators (e.g. `c6.333-3.834-0.5-35`), resulting in severely deformed or missing shapes. * Fixed: SVG import ignored the `title` attribute on `` group elements, leaving group layers unnamed. * Fixed: SVG import layer order was reversed compared to the original SVG document structure. #### 1.5.1 * Fixed: Duplicating a map only copied the title, all scene content, layers, and configuration were lost in the copy. * Fixed: Layer hover effect lingered on screen during scene transitions, causing a visual glitch when switching between scenes. #### 1.5.0 * Fixed: Tooltips and popups could freeze on screen during rapid interaction due to a race condition in the show/hide animation lifecycle. * Changed: Right panel now displays mixed-value state when multiple scenes or layers with different property values are selected. #### 1.4.0 * Added: Tooltip inherit option, layers can now inherit tooltip settings from their parent group. * Added: Visual tooltip enabled/disabled indicator in the layers panel. #### 1.3.0 * Added: Dynamic variable substitution ({{layer_name}}, {{attribute_key}}) in text tooltips via Handlebars. * Fixed: Layers panel virtual list rendering offset on new maps when adding the first layer group. * Fixed: SVG import not rendering paths with multiple subpaths (e.g., country borders with enclaves). #### 1.2.0 * Added: Advanced custom attributes engine to store structural data per layer or group. * Added: Dynamic Handlebars templating engine for Popups and Tooltips. * Added: XSS security layer powered by DOMPurify with native iframe embedding support. * Fixed: Streamlined layer sidebar UI layout for faster B2B developer workflow. #### 1.1.0 * Added: Brand new redesigned version #### 1.0.0 Initial release ## Meta * Version **1.7.0** * ئاخىرقى يېڭىلانغان ۋاقىت **7 سائەت بۇرۇن** * ئاكتىپ ئورنىتىش سانى **10 دىن ئاز** * WordPress نەشرى ** 6.0 ياكى يۇقىرى ** * **7.0** دا سىنالغان * PHP نەشرى ** 7.4 ياكى يۇقىرى ** * تىل * [English (US)](https://wordpress.org/plugins/picpoints/) * بەلگە * [clickable image](https://ug.wordpress.org/plugins/tags/clickable-image/)[floor plan](https://ug.wordpress.org/plugins/tags/floor-plan/) [hotspot](https://ug.wordpress.org/plugins/tags/hotspot/)[Image Map](https://ug.wordpress.org/plugins/tags/image-map/) [interactive image](https://ug.wordpress.org/plugins/tags/interactive-image/) * [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/picpoints/advanced/) ## دەرىجە No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/picpoints/reviews/#new-post) [بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/picpoints/reviews/) ## تۆھپىكار * [ Yalogica ](https://profiles.wordpress.org/yalogica/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## قوللاش چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟ [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/picpoints/)