Website Widgets

Image Hotspot Widget

Create Your Own Image Hotspot Widget in Seconds for Your Website

Build a responsive interactive image for products, floor plans, screenshots, diagrams, and infographics. Add pins, write detail cards, set CTA links, choose interaction behavior, and style everything in a no-code builder.

Create Your Image Hotspot Widget - It's Free!
Create Your Own Image Hotspot Widget in Seconds for Your Website Hero Bg Image

Add and Drag Pins on the Image

Place hotspots where visitors need context. Coordinates are saved as percentages so the pins stay accurate when the image changes size.

Placement controls include:

Drag to positionRelative X/YResponsive scaling
Place Hotspots
Add and Drag Pins on the Image

Create Rich Cards for Each Hotspot

Turn pins into useful explanations with titles, descriptions, optional images, prices, CTA labels, links, and new-tab behavior.

Card content includes:

TitleDescriptionImagePriceCTA link
Edit Cards
Create Rich Cards for Each Hotspot

Choose Desktop and Mobile Behavior

Open cards on click or hover, choose the preferred desktop card position, and keep mobile interactions readable with bottom sheets.

Behavior controls include:

Click modeHover modeCard positionImage widthMobile bottom sheet
Set Behavior
Choose Desktop and Mobile Behavior

Customize Pins, Cards, and Advanced CSS

Match your site with pin icons, colors, pulse style, card themes, accent color, radius, shadow, branding, and scoped CSS.

Style controls include:

Pin iconsPin colorPulse styleCard themeCustom CSS
Style Your Widget
Customize Pins, Cards, and Advanced CSS