Welcome to the documentation for Shoppable Image Hotspots. This guide covers everything from installing the app to placing your first hotspot, publishing blocks to your theme, reading analytics, and managing your billing plan.
Quick Navigation
| Section | What you’ll find |
|---|---|
| Getting Started | Install the app, permissions, and the 4-step onboarding checklist |
| Images | Create, upload, edit, publish, and delete shoppable images |
| Hotspots | Place pins on an image and link them to products |
| Collections | Group images together and show them as a grid |
| Theme Blocks | Add the blocks to your storefront and configure every setting |
| Analytics | Track hotspot clicks store-wide and per image |
| Billing & Plans | Free plan limits, upgrading, downgrading, and switching plans |
| FAQ | Common questions, important notes, and a glossary |
| Privacy Policy | What data the app stores and how it is handled |
What the App Does
Shoppable Image Hotspots lets you place clickable pins on top of any image — a lookbook photo, a flat lay, a room shot, a size chart — and connect each pin to a product in your store.
On your storefront, a shopper taps a pin and a small product card appears with the product image, title, price, a link to the product page, and (on the Ultimate plan) an Add to cart button with variant selection. Every pin open is recorded, so you can see which parts of which images actually drive interest.
Key Features
- Visual hotspot editor — click anywhere on an image to drop a pin, then search your catalogue and attach a product. Drag pins to reposition, or nudge them with the arrow keys for pixel-level control.
- Unlimited hotspots per image — on every plan, including Free.
- Two theme blocks — Shoppable Image for a single image, Shoppable Collection for a grid of images.
- Store images or direct upload — pick an existing file from Shopify Files, or upload a new one straight from your computer.
- Collections — group related images and render them as a responsive grid, with grid or masonry layout.
- Add to cart from the hotspot — shoppers can add a product, and choose a variant, without leaving the page. (Ultimate plan)
- Masonry layout — staggered, Pinterest-style collection grid. (Ultimate plan)
- Click analytics — store-wide totals, per-image performance, and a top-hotspots leaderboard. Included on every plan, including Free.
- Publish / unpublish — hide an image from your storefront without deleting it or losing its hotspots.
- No theme code editing — everything is added through the Shopify Theme Editor as an app block.
Important Notes
The Free plan allows 3 active shoppable images. You can create more, but only your 3 most recently created images stay active. The rest are marked Locked and stop rendering on your storefront until you upgrade. Nothing is deleted — locked images keep their hotspots and come straight back when you upgrade. See Billing & Plans.
Analytics is not limited on the Free plan. Click tracking, the Analytics page, and per-image breakdowns all work exactly the same on Free and Ultimate.
Add to cart and Masonry layout are Ultimate features. On the Free plan you can still switch them on and preview them inside the Theme Editor, but they will not be active for real shoppers on your live store.
Product details are snapshotted. When you attach a product to a hotspot, the app stores a copy of its title, image, and price at that moment. If you later change the price in Shopify, re-save the hotspot to refresh it. See Hotspots.
The app requires an Online Store theme that supports app blocks (Online Store 2.0). Almost all modern free and paid Shopify themes do. See Theme Blocks.
Getting Help
If something in this guide does not match what you see in the app, or you run into a problem you cannot solve, reach out through the support link on the app’s Shopify App Store listing.