Make your floor plan clickable — room by room.

Interactive Image is an interactive floor plan tool, not a floor plan creator. It does not draw walls, calculate areas, or generate a plan from measurements. If you need to produce the drawing itself, use CAD or a room-planning app first.

What it does is the step after that: you bring the finished plan image, and it becomes a clickable interface. That's usually the missing piece — most teams already have a perfectly good plan sitting in a PDF where nobody reads it.

Hover or keyboard-focus the dots. Each one is a room hotspot with its own popup — that is exactly what you get from the editor, with your own image and copy.

1. Upload the plan. Export it as a PNG or JPEG around 1600–2000px wide and crop the margins and title block.
2. Place the room hotspots. Click inside each room to drop a dot, then drag to nudge it to the centre of the space.
3. Fill in each popup. Room name and dimensions as a baseline; photos and links for the rooms people care about most.
4. Copy the embed. One iframe, pasted into your site. Later edits propagate automatically.

Agents and brokerages use an interactive floor plan as the centrepiece of a listing page. Rather than a flat JPEG buyers pinch-zoom on a phone, each room opens with its dimensions, flooring, and a photo — so the kitchen finishes and the closet space are one tap away instead of buried in a gallery.

Put a single "Schedule a tour" button in the highest-interest rooms. Intent is already high by the time someone is clicking around a layout. Full detail lives in the real estate use case.

For workplace teams, the plan becomes a directory: who sits where, which meeting rooms hold how many, where the printers and first-aid kits are, and which desks are bookable. It's the fastest way to give new hires a self-serve answer to "where is anything?" See the dedicated interactive office floor plan guide.

Wedding venues, conference centres, hotels, and resorts hotspot each bookable space with capacity, layout options, and a request-a-quote link. On-site, a QR code pointing at the same embed turns it into wayfinding for pools, restaurants, and breakout rooms — editable in minutes when hours or availability change. More in the hospitality use case.

The same pattern covers mall directories, university campus maps, hospital wings, and exhibition floor plans. Anywhere a visitor needs to translate "which space is that?" into details, a hotspot beats a numbered legend they have to cross-reference.

Most listing and venue traffic is mobile, and floor plans are the hardest image type to shrink. Three things matter:

• Popups should open as a bottom sheet or full-width card, never a tiny tooltip pinned to the dot.
• Hotspots need generous tap targets — a few pixels of invisible padding around each dot makes a real difference on a touchscreen.
• Contrast matters more at small sizes. Thin grey CAD linework disappears; darken it before uploading. Our floor plan image prep guide covers the export settings.

You could mark rooms with <area> polygon coordinates, and floor plans are the single worst case for it: dozens of irregular shapes, all in fixed pixels, all drifting off the drawing the moment the image scales. The image map generator page explains the percentage-based alternative in depth.