Website Widgets
NEW

Interactive Image Hotspots

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

Pricing available on request.

Create Your Free Widget

Configure and preview for free.

Included from day one

Everything needed to get the result

Core capabilities are ready together, without stitching several products into the same workflow.

Pin anything

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

Rich detail cards

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

Responsive by default

Pins keep their position on every screen size.

Click or hover

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

Hands-on preview

Try it live

Use the working preview below. Nothing is saved and no account is needed.

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.

Inside your workspace

The work, not another wall of settings

See the live operational view your team uses after setup. Interactive Image Hotspots keeps the next action clear without making staff learn a complicated new system.

Interactive Image Hotspots

Live workspace overview

Live data

Hotspot editor

Click to place pins
123

Pin details

1

Quartz worktop

£1,240
2

Soft-close drawers

£380
3

Induction hob

£620

Link each pin to a product page

Primary workspace

Move from overview to action without leaving Interactive Image Hotspots.

Detail 1

Pin anything

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

Detail 2

Rich detail cards

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

Why SmartFlo Systems

More of the job done in one place

See what is included with Interactive Image Hotspots compared with typical standalone alternatives. Availability elsewhere varies by provider and plan.

Pin anything

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

SmartFlo Systems Included
Other tools Plan-dependent

Rich detail cards

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

SmartFlo Systems Included
Other tools Check before buying

Responsive by default

Pins keep their position on every screen size.

SmartFlo Systems Included
Other tools Check before buying

Click or hover

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

SmartFlo Systems Included
Other tools Check before buying

General category comparison. Features and availability differ by provider and plan.

Simple installation

Works on any website

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.

Ready to add Interactive Image Hotspots to your site?

Set up in under 2 minutes.

Create Your Free Widget