For Webflow
Add interactive hotspot images to Webflow.
Build clickable product images, diagrams, maps, and graphics, then paste one responsive iframe into a Webflow Embed element.
Free forever plan · No credit card · Works in Wix, Webflow, WordPress, Shopify, Squarespace
Webflow Embed element
Paste the generated iframe into Webflow's native Embed component.
Responsive positioning
Percentage-based hotspots stay aligned as Webflow layouts change across breakpoints.
Designer-friendly workflow
Keep visual design in Webflow and manage hotspot content in Interactive Image.
What you get
- Works with Webflow pages and CMS templates
- No custom JavaScript required
- Responsive across Webflow breakpoints
- Useful for product tours and visual explainers
- Update hotspots without editing Webflow layout
How to embed in Webflow
- Create your interactive image and copy the iframe.
- Drag an Embed element into your Webflow page.
- Paste the iframe code into the embed editor.
- Set the parent container width and preview breakpoints.
- Publish your Webflow site.
Frequently asked questions
Do I need a paid Webflow site plan?
Webflow custom code and embeds depend on your Webflow plan. If your plan supports Embed elements, Interactive Image works with it.
Can I style hotspot colors?
Yes. Set marker style, color, size, and popup content in Interactive Image before embedding.
Turn any image into a guided experience.
Free forever plan. Paste one iframe into your site and ship.
Create your interactive image