Interactive Image Hotspots

Turn product photos and diagrams into clickable buying journeys with rich detail cards and calls to action.

Pricing available on request.

Configure and preview for free.

Try it live

This is the real thing, running right here in the page. Click around — nothing is saved.

yourwebsite.com

Click any pin on the photo to open its detail card.

Live preview

Click a pin to open or close its card. Links open exactly as configured.

A clean, no-code backend built for dispatchers, business owners, and non-technical staff.

www.smartflosystems.com/dashboard/widgets/image-hotspots

WorkspaceWebsite widgetsInteractive Image Hotspots Live workspace data

Hotspot editor

Click to place pins

123

Pin details

Quartz worktop

£1,240

Soft-close drawers

£380

Induction hob

£620

Link each pin to a product page

Place markers anywhere on a photo, diagram or room shot.

Titles, pricing, images, video and two call-to-action buttons.

Pins keep their position on every screen size.

Choose how cards open, and how they behave on mobile.

Paste one snippet exactly where you want it to appear — it fills the space it's given.

WordPress: edit the page or post, add a Custom HTML block where the graphic should appear and paste the snippet in.
Shopify: Online Store → Themes → Edit code, or add a Custom Liquid section to the product page and paste the snippet.
Webflow: drag an Embed element onto the canvas, paste the snippet, then publish the site.
Squarespace: edit the section, add a Code block and paste the snippet.
Wix: Add → Embed Code → Embed HTML, paste the snippet and let the frame size to the content.
Framer: Insert → Embed → HTML and paste the snippet into the embed panel.
Custom HTML: paste the snippet directly into your page markup at the position you want the widget.