Shop the Look on Shopify: Planning a Photo Shoppers Can Buy From

A photo sells the set; spots let shoppers buy each piece

A styled photo shows products the way people use them: an outfit on a person, a room put together, a routine on a shelf. Shoppers like what they see, then have to hunt for each piece. Shop the look puts a numbered spot on each product in the photo. A tap opens a small card with the product, its price and a way to add it, and a list of every product sits with the photo for anyone who prefers it.

To plan your own, the shop the look tool for Shopify says how many spots to place and what to check in the photo, then previews it as a real store widget.

How many spots

Three to six spots work best. Fewer can be fine, though a photo with one product may be better shown on that product's own page. More than six starts to crowd the picture, especially on a phone, where the photo is only as wide as the screen and every spot needs to be big enough to tap. If a photo has more products than that, tag the ones you most want to sell, or split it into two looks.

Choosing the photo

• Products big in the frame. A wide shot of a whole room makes each product tiny, and tap-sized spots can cover them. Crop tighter, or use a closer shot.
• Portrait or square for phones. A wide landscape photo becomes short on a phone, which pushes the spots close together.
• Your own photos. Use pictures you took or commissioned, of products you sell as shown, and tag only those. Leave props untagged.
• Spots on the product. Put each spot on the item itself, not beside it, so it is obvious what it refers to.

What shoppers should be able to do

Spots should always be visible, never only on hover, because phones have no hover. Each one should be named for screen readers with the product and its price. A tap should open a card rather than a new page, and Escape or a tap outside should close it. Products that need a size or colour picked should send the shopper to choose, and a sold-out product should say so rather than disappear without explanation.

Next step

Pick a photo with three to six of your products in clear view, then open the shop the look tool to plan the spots and preview the Shop the look widget from the Nudgesmart app. You publish it from the app and add it to your home or product page. For product video instead of a photo, see the shoppable video tool.

For how a shoppable photo fits with the other blocks on a page, see which product page widgets earn their place.