內容簡介
PicPoints 是一款功能強大的互動式 SVG 圖像地圖與音效面板建構外掛，專為 WordPress 設計。它能在不影響網站效能的情況下，輕鬆處理數百個互動元素，並確保樣式不受主題更新影響。
【主要功能】
• 隔離的 Shadow DOM 架構，避免 CSS 衝突
• 支援多種互動地圖與音效面板的建構
• 內建 Figma 類似的 SVG 向量編輯器
• 精確的點擊圖形繪製功能
• 快速創建豐富內容的彈出視窗與提示
• 支援多種應用場景，如房地產與電子商務
外掛標籤
開發者團隊
② 後台搜尋「PicPoints – Interactive SVG Image Maps & Audio Soundboard Builder」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
🏆 The Best Interactive Image Map and Audio Soundboard Builder Plugin for WordPress
Showcases | Documentation | Upgrade to Pro
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.
🔥 Live Demos:
Market Mall – interactive map for shopping malls and retail centers.
Real Estate Map – interactive map solution for property and real estate listings.
Human Body Muscle Diagram – interactive anatomy diagram showcasing human muscles.
Product Explainer – interactive image wrapper for detailed product features and explanations.
Stadium Map – interactive seating chart and layout map for stadiums or arenas.
Camera Gear Kit – interactive breakdown map for photography gear and equipment kits.
The Odyssey – interactive map of the epic 10-year journey.
Online Storytelling – digital storytelling that tells a story of a small craft workshop
Audio Map – interactive online soundboard of African animals
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.
🚀 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.
Audio Map & Image Soundboard Builder: Add audio files to hotspots, trigger sound effects, music, or voiceovers on click to create a custom online soundboard.
🔥 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.
✅ Mobile Responsive: perfect adaptation to any screen size.
✅ Touch Gestures: supports mobile pan & pinch multi-touch zooming.
✅ 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
✅✨ 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 – modern built-in WordPress block editor
* Classic Editor – classic built-in WordPress editor
* Elementor – leading website builder platform on WordPress
* WP Bakery – create any layout with intuitive way
* Beaver – page builder you can trust with your business
* Bricks – amazing block editor with many templates
* Brizy – 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.
🎯 PERFECT FOR:
• Travel bloggers creating an interactive audio tour or geographic guide.
• Educators building clickable audio maps for students.
• Web creators making a custom free online sound board or audio guide system.
• E-commerce stores showcasing interactive product blueprints.
💼 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 – virtual tour builder and 360 panorama viewer for WordPress
MediaCommander – bring folders to media, posts, and pages
NinjaDraw – create diagrams, sketches & visual workflows
Post Order Master – free drag & drop hierarchy manager
Support
Found an issue or have a feature request? Head over to our support forum or drop us an email for assistance. We’re here to help you create stunning floor plans and image maps with ease!
