Can hotspots link to SOPs or work instructions?

Yes. Each card can hold a button pointing at the SOP, maintenance record, or work instruction for that zone or machine.

Is this useful for onboarding?

That is one of the strongest uses — a new hire can click through the layout and see what each area does, who owns it, and the safety requirements before walking the floor.

Can we use it internally rather than publicly?

Yes. The embed works on an intranet page or internal doc site the same way it works on a public website, since it is a standard iframe.

Does it work from a CAD drawing?

Export the drawing flat as an image first, then place markers on it. Line-heavy drawings read best when you thin out labels before exporting.

Can we mark safety and emergency equipment?

Yes — extinguishers, eyewash stations, exits, and lockout points are common markers, and colour makes them easy to distinguish from process zones.

How does it hold up on a tablet on the floor?

Markers are tap targets and cards open full width, so a supervisor on a tablet can tap a cell and read details without zooming into a printed layout.

Use case · Warehouse & facilities

A facility layout your team can click into.

Mark every zone, bay, and machine on the layout you already have. Each marker opens equipment details, ownership, safety notes, and a link to the SOP.

Start free See the live editor

Free forever plan · No credit card · Works in Wix, Webflow, WordPress, Shopify, Squarespace

Interactive warehouse layout with markers on zones and an open card showing equipment details — Floor plans work the same way: one marker per room, each with its own card.

Zone-level detail

Capacity, equipment model, and the person or team who owns the area.

Safety points marked

Extinguishers, eyewash, exits, and lockout points as clearly coloured markers.

SOPs one click away

Each card can link straight to the work instruction or maintenance record.

What you get

One marker per bay, aisle, cell, or machine
Equipment model, capacity, and owner in each card
Safety and emergency equipment colour-coded
Direct links to SOPs and maintenance records
Works on an intranet page or a public facility page
Built from the CAD or layout image you already have

What a zone card should hold

Field	Example	Why it's there
Zone	Receiving bay 3	Matches floor signage
Equipment	Dock leveller, model 44	Speeds up maintenance calls
Safety note	Hi-vis required	Reinforced at the point of use
Button	Open SOP	Removes the search step

Why a printed layout or a coordinate map isn't enough

A laminated layout goes out of date the week after it is printed, and a classic HTML image map only gives you clickable regions with fixed pixel coordinates that misalign on a tablet. Percentage-based markers stay aligned at every size and each carries operational content — compare with a hand-coded HTML image map and see manufacturing use cases.

Editor with markers placed on a facility layout and a zone card being written — The editor: click to drop a hotspot, drag to fine-tune, then write the popup content on the right.

On the floor, on a tablet

Supervisors and new hires open this on a tablet or phone while walking. Markers are tap targets and cards open full width instead of relying on hover — see hotspot alignment on mobile.

Facility map on a tablet with a tapped zone marker showing equipment and safety details — On phones, hotspots become tap targets and the popup opens as a full-width card.

Continue exploring

Turn any image into a guided experience.

Free forever plan. Paste one iframe into your site and ship.

Create your interactive image