Shop the look for Shopify
Last updated
Each one fills in a sample photo. Describe your own in step 2 and the plan updates as you go.
Pick one of the three photos above. How many product spots to place, where the look goes, photo checks, what shoppers see and a live preview of the app’s widget appear here.
The parts of a shop the look photo
Shop the look on Shopify is a photo of your products in use with a numbered spot on each one, so a shopper looking at an outfit can tap the jacket and add it to the cart without leaving the page, and this tool says how many spots to place, which products to tag and how the photo will read on a phone before you publish the Shop the look widget in the Nudgesmart app.
The spot limit, the 3 to 6 guidance, the number of looks and the caption length are the ones the Shop the look widget uses in the Nudgesmart app. Every widget layout the app offers is on the store widgets page, and the steps to place spots and add the look to a page are in the shop the look help article.
A shop the look photo works when shoppers can find and tap every piece on a small screen. These are the pieces the tool weighs, in the words the app uses for them.
- Product spot
- A numbered dot on the photo, also called a hotspot. Each one points at one product you sell. A photo takes up to 8, and the app suggests 3 to 6.
- Look
- One photo with its spots. One Shop the look widget holds up to 6 looks, each with its own photo, such as one outfit per season.
- Product list
- A numbered list of every product in the look. On phones it sits under the photo and on bigger screens beside it, so shoppers who miss a spot can still find each product.
- Product card
- What opens when a shopper taps a spot: the product photo, name and price with an Add to cart button. Tapping outside it or the close button closes it.
- Choose options
- What the card says for a product with sizes or colours. The shopper picks the size or colour on the product page, so the right version goes in the cart.
- Caption
- An optional short title for a look, such as Weekend linen edit. It takes up to 120 characters.
Nudgesmart adds widgets like this one to your store from the theme editor, in your theme’s fonts and colours by default, and is available on the Shopify App Store. See every widget layout or see what it costs.
Six photos and the spots each one needs
Invented stores with typical photos. Every spot count, page and flag comes from the same plan the tool above builds.
| Scenario | Described | Spots | Where | What the tool says |
|---|---|---|---|---|
| Outfit on a model, four pieces | 4 in the photo, portrait | 4 | Your home page, under your banner | Tag only what you sell and leave the props alone. |
| Styled living room, eleven products | 11 in the photo, wide shot, close together, landscape | 4 per look | Your home page, under your banner | There are 11 products in the photo, and a photo takes 8 spots at most. Tag the 6 that matter most, or crop the photo into two looks in the same widget with up to 6 spots each. The products look small or sit close together, and on a phone the photo is only as wide as the screen. Spots that big cover small products and each other. Tag 4, or crop tighter, or split the photo into two looks. On a phone the photo fills the width of the screen, so a wide photo comes out short and its spots sit close together. A tall or square crop of the same shot reads better. Leave the props untagged. A spot on something you do not sell sends shoppers to a dead end. |
| Jewellery flat lay, eight small pieces | 8 in the photo, wide shot, close together, square | 4 | The collection page it belongs to | You can tag all 8, but the app warns at that many: More than 6 spots can crowd the photo. 3 to 6 work best. Tag the 6 you most want to sell and leave the rest. The products look small or sit close together, and on a phone the photo is only as wide as the screen. Spots that big cover small products and each other. Tag 4, or crop tighter, or split the photo into two looks. |
| Supplier photo, two products | 2 in the photo, square, supplier photo | 2 | The product page of the main piece | 3 to 6 spots work best. One or two work too. With a single product, its own product page may show it better than a look does. Supplier photos are often used by other stores too. A photo you took of your own products shows shoppers exactly what they get. |
| Outfit planned for the cart page | 3 in the photo, portrait | 3 | Not the cart page: your home page instead | Shop the look does not show on the cart page. Put it on your home page under your banner, or on the product page of the main piece. |
| Lookbook with seven outfits in one widget | 5 in the photo, portrait, 7 looks | 5 | A page of its own, such as a lookbook | One widget holds 6 looks at most, so 7 need a second Shop the look widget. Keep each widget to one theme, such as one season or one room. Tag only what you sell and leave the props alone. |
What the plan cannot see
It cannot see your photo
The spot count and crop advice depend on what you describe. Once the spots are placed in the app, look at the photo on a phone and move any spot that covers another product.
Markets hide some spots
A product that is not sold in a shopper’s country hides its spot for that shopper. A look tagged with products sold in one country only shows fewer spots elsewhere.
Spots stay where you put them
On a store that reads right to left, the photo does not flip, so the spots stay on the same products. Place them on the product, never relative to the text.
No price for the whole look
Shop the look shows each product at its own price and adds one at a time. There is no bundle price or discount for buying the whole look.
Tagged products can change
If a tagged product is later deleted or set to draft, its spot is hidden and the app flags it. Check your looks after a big catalogue change.
Shop the look questions
How do I add shop the look to Shopify if my theme does not have it?
In the Nudgesmart app, create a Shop the look widget, replace the sample photo, click the photo where each product is and choose the product, then publish. Add to store opens the Shopify theme editor on your home page with the block already added, ready to save.
How many hotspots should one photo have?
Three to 6 work best, and the app warns above 6. A photo takes 8 at most. If more products are in the shot, tag the ones you most want to sell, or crop it into two looks.
Do the spots work on phones?
Yes. Spots are always visible, so shoppers never need to hover, and a tap opens the product card. On phones the product list also sits under the photo, which helps when products are small.
Can a look include products with sizes or colours?
Yes. Their card says Choose options, and the shopper picks the size or colour on the product page before adding it.
Can I add several photos?
Yes. One widget holds up to 6 looks, each with its own photo and spots. For more, create a second Shop the look widget.
What happens if a tagged product sells out or is deleted?
A sold-out product keeps its spot, marked sold out. A deleted product, one set to draft or one not sold in the shopper’s country has its spot hidden, and the app flags it in the editor so you can change it.
Shoppers see the outfit, then hunt for each piece.
Nudgesmart’s Shop the look puts numbered product spots on your photo, with a product list under it on phones, so each piece is a tap away from the cart.
