Tapmap – Interactive Image Maps & Unit Picker

Tapmap turns an image into something people can explore: a floor plan, a building facade, a site plan, a product photo or a map. Hotspots Put points and areas on an image. Each one opens a small card with a title, text and a link. On phones the card slides up from the bottom of the screen. Unit picker Draw the apartments on a facade, the spaces in a car park or the berths in a marina, and mark each one as available, reserved or sold. Visitors see the status at a glance, with a colour legend, and open a unit to see its details. You name the four fields yourself (for example rooms, size, floor and price), or start from a template for apartments, parking, marina berths, plots or event stands. Drawing in the block editor

• Points, rectangles and freeform shapes that follow a balcony or an angled parking space.
• Drag to move, drag the corners to reshape. Arrow keys nudge, Delete removes.
• Duplicate a shape, or repeat it in a row with automatic names (P01, P02, P03 …).
• Unlimited maps and shapes.

Accessible and light

• Every point and area is a real button with a name, so it works with a keyboard and a screen reader. Status is shown with text as well as colour.
• No jQuery. The script is small, loads deferred, and only on pages that use the block.

Tapmap menu All the maps on your site in one overview, with the number of units and how many are available, reserved and sold. To try it quickly, add the Tapmap block and click "Try the apartment demo", "Try the parking demo" or "Try the floor plan demo". Tapmap Pro For when the picture has to sell something, the optional Tapmap Pro add-on adds filter buttons and a list view, several buildings or floors in one picker with shapes that open another view, an interest form on each unit with a list of every request, statistics on what people click, and CSV import and export. The free plugin is complete without it.

0.5.1

• Readable demo data in the editor script, and a depth limit when scanning nested blocks.

0.5.0

• Split into the free plugin and the optional Tapmap Pro add-on.
• New floor plan demo for hotspots.
• Add-ons can extend the block, the editor and the Tapmap menu through filters.

0.4.0

• Tapmap menu with an overview of all maps.
• The close button on the info card keeps its shape in themes that style all buttons.

0.3.0

• Better contrast for the "Reserved" status.

0.2.0

• Freeform shapes, duplicate and repeat in a row, your own field names with templates, keyboard editing, parking demo.

0.1.0

• First prototype.