How it works

Upload one lifestyle photo. Add a Hotspot block for each product visible in the image and position it at the right x/y coordinates on the photo.

Hotspot block settings

• Product — pick a product from your catalog.
• X position (%) — horizontal coordinate, 0 = left edge, 100 = right edge.
• Y position (%) — vertical, 0 = top, 100 = bottom.
• Tooltip side — which side of the dot the product card opens (Left / Right / Top / Bottom). Auto by default.

User experience

• Hover over a hotspot dot — a mini product card slides out with image, name, price, and a View product link.
• On mobile, tap a dot to expand. Tap outside to dismiss.

Tips for positioning

• Place the dot on the product itself, not next to it.
• For overlapping products, stagger the hotspots vertically.
• Aim for 3-7 hotspots per image. More feels cluttered.