Customers love inspiration photos: a styled living room, a full outfit, a set table. But when they see something they like, they often cannot find it in your shop. Shoppable images solve this: clickable hotspots on the photo open a card with the product, its price and a link.
Where shoppable images work best
- Fashion: complete outfits, “shop the look”.
- Home and decoration: room scenes with furniture, lamps and textiles.
- Food and tableware: a set table with plates, glasses and linen.
- Beauty: a routine with each product pointed out.
- Bundles: show what is included in a gift set.
Choosing the photos
Use real, well-lit lifestyle photos where products are clearly visible. Five to eight hotspots per image is plenty: more and the photo becomes cluttered.
What each hotspot should show
- Product photo, name and price (sale prices included).
- A short line of text: material, size, why it is great.
- A clear button to the product page.
Where to place them
- Home page, as a “Shop the look” section.
- Category pages, as inspiration at the top.
- Blog posts and gift guides, see gift guides.
- Seasonal landing pages and lookbooks.
Accessibility and mobile
Hotspots must be real buttons usable with the keyboard, and cards must stay readable on phones (a bottom sheet works well). Add a list of the products under the image for visitors who prefer text.
Not only for stores
Hotspots also work without products: explain the parts of a machine, the features of a room for rent, or the dishes on a table, with links to pages.
Tool
Spotly lets you click on an image to add hotspots, link them to WooCommerce products or any page, and shows a “shop the look” list. Try the hotspots demo.
Frequently asked questions
Do I need WooCommerce for hotspots?
No. Hotspots can show text and links; WooCommerce adds automatic product cards.
How many hotspots per image?
Five to eight keep the photo readable.
Will the hotspots work on phones?
Yes, with tap to open and readable cards.