Turn product photos into shoppable experiences
Drop hotspots on any image — lifestyle shots, lookbooks, flat lays — and let shoppers explore, pick a variant, and add a product or the whole look to cart without ever leaving the photo, right on your Shopify storefront.
Free plan available · paid plans from $7.99/mo · 7-day free trial · any Online Store 2.0 theme · AI-suggested pins included
This is a live demo — click the dots.
Show the whole look — three ways
Tag the products in a photo, or pick them by hand, and choose how shoppers meet the look. Every card carries its price, its sizes or colors, and its own add to cart.
- Product picker — a window with a row per product: variants first, a live total and one “Add all to cart”.
- Panel on the image — product cards open in the photo’s corner, and as a swipeable slider along the bottom on phones.
- Beside the image — the whole look listed next to the photo, always in view; under it on phones.
- Straight to the cart — or skip the window: one click adds every piece.
- A look per image — in a gallery, each photo can get its own button that opens only its own products.
See it in action
From a bare photo to a shoppable section — pinning products (or letting AI suggest them), the mobile image & crop, style presets, Shop the Look, automatic discounts and analytics. Three minutes.
Built to sell, not just to look good
Every marker is a revenue channel — live prices, variants, upsells, discounts, and order attribution behind it. Each card below opens the full story.
A product page in a popup
Live prices, a variant picker, honest add-to-cart, four description sources, and out-of-stock protection — right on the photo.
A different image for phones
Separate desktop and mobile media — with independent hotspot coordinates per device, so dots sit exactly on the product in both crops. Built-in crop & rotate cuts the phone version in seconds.
Sell the whole look
Show a look as a picker, as product cards on the photo, or as a list beside it — sizes, colors and add to cart on every card. Or send the whole look to the cart in one click.
Real automatic discounts
Genuine Shopify discounts scoped to your section — the popup shows the struck-through price, and the saving only applies when the shopper buys from the image.
Your brand, not a widget
Seven designer presets and twelve groups of style settings — markers, popups, buttons, type and Shop the Look cards. “Match my theme” reads your theme’s colors and fonts in one reviewed step, and every button text is yours to reword or translate.
Revenue per image
Orders are attributed to the section that earned them — and, for popup adds, to the exact hotspot. Funnels, trends, devices, peak hours and a CSV of it all. Pro and up.
Several sections per page
Every Hotspot Studio block takes its own slot, so a product page, collection, page, blog post or the home page can carry more than one section. Assign one where another already shows, and the app asks: show both, replace, or keep.
Eleven ready-made templates
A Lookbook grid, a Shop the Look panel, a look with its product list, an editorial story, a slider and more — each with its layout and a matching preset.
Speaks your language
The admin comes in English, German, French, Spanish, Italian, Brazilian Portuguese and Dutch, and the block’s settings in the theme editor are translated too.
From a hero image to a full lookbook
Single, Grid, Masonry, Editorial, Collage, and a buttery scroll-snap Carousel — every tile is a complete hotspot canvas. Switch the layouts, click the dots, drive the carousel — it’s all live:
Every product gets its own experience
Assign a section to a product, a single variant, or a whole collection — and it appears on exactly the right product pages, automatically. No per-product theme fiddling, no duplicated sections.
- Per-product & per-collection — one lookbook for the whole collection, a bespoke story for your hero product. Smart collections stay correct with zero syncing.
- Even per-variant — map colorways to different experiences: when a shopper switches variants, the whole section swaps in place, without a page reload.
- Pages, blog posts and the home page — assign a section to specific pages or posts, so two pages sharing one template each show their own; the home page is one checkbox.
- More than one on a page — each Hotspot Studio block takes the next free slot on its own. When a page already shows a section, the app lists what’s there and lets you show both, replace it, or keep it.
- Anywhere else — add the block with a one-click Experience ID, or paste a snippet into a page or blog post’s content.
Live on your storefront in minutes
Create
Upload a photo, or start from one of 11 templates. Drop hotspots on the products in it — or let AI suggest the pins — then drag to fine-tune, per device.
Style
Pick a designer preset, or let “Match my theme” read your theme’s colors and fonts, then tune anything you like. The live preview matches your storefront exactly — no surprises after publish.
Publish
Assign products, collections, pages or blog posts for automatic placement, or add the block anywhere in the Shopify theme editor with a one-click Experience ID.
Make every photo earn its place
Install on your Shopify store in minutes, publish your first shoppable image today, and watch the revenue it earns land in your own analytics. Free plan included, paid plans from $7.99/mo.