See the interaction before you publish it.
Place hotspots on a real image, preview the cards they open, and test the workflow in your browser. When it feels right, save it and embed it anywhere.
Try the live interactive image demo
Use the sample or upload an image, click to place hotspots, and open the cards to see how the published experience feels.
This is a live demo — nothing here is published yet. Create a free account to publish your image and get a one-line embed code for Wix, Webflow, WordPress, Squarespace or plain HTML, with hosted images, images and video in the cards, CTA buttons and edits that go live instantly. Free includes 1 published image with the Interactive Image badge; Pro removes the badge and unlocks white-label embeds.
Free forever plan · No credit card · Works in Wix, Webflow, WordPress, Shopify, Squarespace
Place with precision
Click or drag a marker onto the exact detail you want to explain.
Preview in context
Open popup cards directly on the image and see how the experience reads.
Publish when ready
Save the finished visual and use one responsive iframe on your site.
What you get
- Start with a photo, diagram, floor plan, or map image
- Use dots, numbers, pins, or plus markers
- Add titles, descriptions, images, video, and links
- Test hover, click, keyboard, and touch behavior
- Keep hotspot positions aligned as the image scales
- Copy the iframe after publishing
What to try in the demo
Add a marker
Click a meaningful part of the sample image and move the marker until it is exact.
Open the card
Hover, focus, or tap the marker to see how the supporting content appears.
Try a different visual
Upload your own product photo, venue map, floor plan, or diagram.
Check the responsive result
Resize the page or test on a phone to confirm each hotspot stays attached.
From a quick test to a published embed
The demo is designed to answer the practical question: will this visual make sense when someone explores it? Once the layout works, the saved project keeps the image, markers, cards, and settings together. Publishing gives you one iframe to paste into an HTML or embed block in Wix, Webflow, WordPress, Shopify, Squarespace, or custom HTML.
You can keep editing the project after it is embedded. The pages using the iframe receive the latest published version without rebuilding the surrounding website.
Continue exploring
Turn any image into a guided experience.
Free forever plan. Paste one iframe into your site and ship.
Create your interactive image