Guides
Guides for building interactive images that actually convert.
Deep, practical walkthroughs on hotspot design, floor plans, shoppable images, accessibility, SEO, and embedding on every major website platform.
Free forever plan · No credit card · Works in Wix, Webflow, WordPress, Shopify, Squarespace
Why image hotspots drift on mobile
Absolute coordinates, object-fit letterboxing, and the percentage maths that keeps every marker on target at any screen width.
Technical
Make an image clickable without an image map
CSS overlay anchors, inline SVG, legacy <map>, and hotspot embeds — the markup for each, and how to migrate an old image map.
Technical
How to make an interactive image (step by step)
Prepare your image, choose a dot's content type, add text and media, customize its appearance, and preview the website embed.
Fundamentals
The interactive floor plan guide
Room labels, availability, amenities, and lead capture on a plan image — plus how to keep it readable on phones.
Real estate & venues
Preparing a floor plan image for the web
Export settings, resolution, contrast, and cropping — from AutoCAD, Revit, SketchUp, Canva, or a PDF — so hotspots stay readable.
Real estate & venues
Shoppable images: a practical guide
Turn lifestyle photos and product shots into shoppable images with product hotspots, prices, and clean CTAs.
Ecommerce
Accessible image maps and hotspots
Keyboard focus, alt text, ARIA roles, and contrast for hotspot images — and why legacy <map>/<area> falls short.
Accessibility
SEO for interactive images and image maps
How crawlers treat iframes and hotspot text, and what to publish around an interactive image so it earns rankings.
SEO
Interactive image vs video vs GIF
Bandwidth, self-paced exploration, editability, and accessibility — when each format is the right call.
Strategy
Interactive product diagrams for manufacturers
Part callouts, multiline specification lists, media demonstrations, and SKU links your sales and support teams can maintain in one diagram.
Manufacturing
Choosing an interactive image tool
The four categories of tools available, what each is good at, and the criteria that actually matter for embeds.
Buyer's guide
Turn any image into a guided experience.
Free forever plan. Paste one iframe into your site and ship.
Create your interactive image