Title: PicPoints &#8211; Interactive Image Maps, Floor Plans Editor
Author: Yalogica
Published: <strong>12. Mai 2024</strong>
Last modified: 29. Mai 2026

---

Search plugins

![](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 Editor

 By [Yalogica](https://profiles.wordpress.org/yalogica/)

[Download](https://downloads.wordpress.org/plugin/picpoints.1.1.0.zip)

 * [Details](https://de-ch.wordpress.org/plugins/picpoints/#description)
 * [Reviews](https://de-ch.wordpress.org/plugins/picpoints/#reviews)
 *  [Installation](https://de-ch.wordpress.org/plugins/picpoints/#installation)
 * [Development](https://de-ch.wordpress.org/plugins/picpoints/#developers)

 [Support](https://wordpress.org/support/plugin/picpoints/)

## Description

**🏆 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.

### 🚀 Why Developers & Businesses Choose PicPoints:

 * **Isolated Shadow DOM Architecture:** Zero CSS conflicts with your theme. 100%
   visual consistency on any website.
 * **Extreme Performance:** Hardcore optimization tested with up to 1,000 active
   vector elements on a single canvas.
 * **Pro-Grade Vector Editor:** Draw ellipses, rectangles, markers, and custom polygons
   with smooth Bezier curves.
 * **Multi-Scene & Multi-Level Canvas:** Perfect for real estate (Floor 1, Floor
   2, Floor 3) and complex architectural blueprints.
 * **Figma-Like Layer Management:** Group, rename, and organize your vector shapes
   and markers hierarchically.
 * **Fully Responsive & Liquid:** Adapts flawlessly to mobile devices, tablets, 
   and desktops with smart touch controls.
 * **Rich Tooltips & Popups:** Trigger automated tooltips on hover or open rich-
   media popups (images, text, iframes) on click.

### 🔥 FEATURES

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`
<g>` and `<path>` 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. ✅✨ **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…

### 💼 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 master your post order
effortlessly!

## Screenshots

 * [[
 * [[
 * [[
 * [[
 * [[
 * [[

## Installation

 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.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“PicPoints – Interactive Image Maps, Floor Plans Editor” is open source software.
The following people have contributed to this plugin.

Contributors

 *   [ Yalogica ](https://profiles.wordpress.org/yalogica/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

[Translate “PicPoints – Interactive Image Maps, Floor Plans Editor” into your language.](https://translate.wordpress.org/projects/wp-plugins/picpoints)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/picpoints/), check 
out the [SVN repository](https://plugins.svn.wordpress.org/picpoints/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/picpoints/) by [RSS](https://plugins.trac.wordpress.org/log/picpoints/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0

 * Added: brand new redesigned version

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.1.0**
 *  Last updated **24 Stunden ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/picpoints/)
 * Tags
 * [clickable image](https://de-ch.wordpress.org/plugins/tags/clickable-image/)[floor plan](https://de-ch.wordpress.org/plugins/tags/floor-plan/)
   [hotspot](https://de-ch.wordpress.org/plugins/tags/hotspot/)[Image Map](https://de-ch.wordpress.org/plugins/tags/image-map/)
   [interactive image](https://de-ch.wordpress.org/plugins/tags/interactive-image/)
 *  [Advanced View](https://de-ch.wordpress.org/plugins/picpoints/advanced/)

## Ratings

Es wurden noch keine Rezensionen eingereicht.

[Your review](https://wordpress.org/support/plugin/picpoints/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/picpoints/reviews/)

## Contributors

 *   [ Yalogica ](https://profiles.wordpress.org/yalogica/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/picpoints/)