Draw Attention Pro, from nSquared (the team behind Simply Schedule Appointments), is the definitive WordPress tool for interactive images – the plugin that turns a static floor plan, map, product diagram, or infographic into a clickable, explorable visual. Draw hotspots directly on an image with rectangle, circle, or freeform polygon tools; each hotspot opens a tooltip, a lightbox with rich content, or a link. The plugin renders on Leaflet (the mapping library), which is why the result feels like a real interactive map rather than an image with HTML overlays – pinch-zoom on mobile, smooth pan, accessibility support built in. Related reading: our grid-based showcase companion overview covers the adjacent workflow.
The use cases span industries: real estate floor plans where each room tells its story, restaurant menus where tapping a dish shows the photo, retail product diagrams with buyable hotspots, campus and venue maps, anatomy charts, and machinery diagrams for support documentation. The Pro edition unlocks unlimited interactive images and hotspots, multiple layout options (tooltips or full info-boxes), custom colors per hotspot, and media-rich content – the difference between a demo and a production tool.
Competitive Features
Drawing-tool hotspot editor. Rectangles, circles, and freeform polygons drawn directly on the image – no coordinate math, no external map software.
Leaflet-based rendering. Smooth pan/zoom interaction on the mapped image, with alt text correctly transferring to the visible image layer (fixed 3.1.2) – accessibility maintained through the interactive layer.
Three hotspot behaviors. Tooltips for quick labels, lightboxes for rich content (galleries, media), and links for navigation – per hotspot.
Multiple layouts. Info-box layouts (left/right positioning) with heading-clipping fixes for long words (3.1.8), plus responsive behavior across devices.
Block editor integration. Draw Attention blocks in Gutenberg – with block-image selection stability fixed in 3.1.9 so blocks stop swapping to the newest image.
Analytics-ready interactions. Hotspot clicks trackable through standard analytics – measuring which areas of your image actually engage visitors.
Key Features
- Unlimited interactive images and hotspots (Pro) – no per-image limits.
- Per-hotspot customization – colors, titles, descriptions, and content per area.
- Responsive and mobile-ready – touch-native interaction via Leaflet.
- Screen-reader accessible – semantic hotspots rather than image-map relics.
- Drag-reorder hotspots – with the editor-blank-after-reorder bug fixed in 3.1.10.
- WordPress 7.1 tested – current compatibility maintenance per release.
Comparison with Competitors
Draw Attention Pro vs Essential Grid
Different answers to “how do I present visual collections”: interactive single images versus gallery grids.
| Draw Attention Pro | Essential Grid | |
|---|---|---|
| Unit | One explorable image with hotspots | Grids of many images |
| Interaction | Click hotspots on the image | Click grid items |
| Use case | Diagrams, plans, maps | Portfolios, galleries |
| Together | Explain one visual | Showcase many visuals |
Real estate and product pages pair them: Essential Grid for the photo collection, Draw Attention for the interactive floor plan.
Draw Attention Pro vs FooGallery Pro
The same split from the gallery side – FooGallery presents image sets; Draw Attention deep-dives one image.
| Draw Attention Pro | FooGallery Pro | |
|---|---|---|
| Focus | Hotspot interactivity | Gallery layouts and filtering |
| Depth per image | Deep (content per hotspot) | Per-image metadata |
| Best for | Plans, maps, diagrams | Photo galleries |
Galleries of photographs belong in FooGallery Pro; explorable diagrams belong here.
Recommended Stack: interactive images carry high-value content – pairing with a slider layer such as MetaSlider Pro covers the motion side of visual presentation – sliders for hero imagery, hotspots for explorable diagrams.
Official Changelog
Version 3.1.10
Release Date: August 25, 2026
- Fixed: hotspot description editor going blank after drag-reordering hotspots
Version 3.1.9
Release Date: August 18, 2026
- Fixed: Draw Attention blocks swapping to the newest interactive image
- Updated: tested up to WordPress 7.1
Version 3.1.8
Release Date: July 2026
- Fixed: info-box heading clipping for long words
- Improved: layout positioning options for info-boxes
Frequently Asked Questions
What can I build with Draw Attention Pro?
Interactive image maps: floor plans with room details, product diagrams with buyable hotspots, campus and venue maps, anatomy charts, machinery diagrams – any image where specific areas carry specific content, revealed via tooltip, lightbox, or link.
How do hotspots get created?
Visually – rectangle, circle, and freeform polygon tools draw directly on the uploaded image, no coordinate entry. Each hotspot then gets its title, description, content, and behavior in the editor. The 3.1.10 release fixed the editor going blank after drag-reordering hotspots.
Is the output responsive and accessible?
Yes – rendering runs on the Leaflet mapping library, so mobile gets native-feeling pinch/zoom interaction, and hotspots are accessibility-supported rather than deprecated image-map markup. Alt text correctly transfers to the visible image layer (fixed in 3.1.2).
What does Pro add over the free version?
Unlimited interactive images and hotspots (free is limited), richer layout and info-box options, custom hotspot colors, and the full media content in lightboxes – the production capability set.
Does it work with the block editor?
Yes – Draw Attention blocks embed in Gutenberg, with 3.1.9 fixing the annoying bug where blocks swapped to the newest interactive image instead of the selected one.
Can it show a gallery inside a hotspot?
Yes – lightbox hotspots support rich media content. For full photo collections outside the interactive image, pair it with a gallery plugin like FooGallery Pro – grids for the collection, hotspots for the explorable visual.
Leave a Reply