How to Build a Lookbook Page in Shopify

To build a lookbook page in Shopify, create a new page with its own template, add your editorial images in sections, link each look to the products in it, and test the page on a phone. You can do all of this in the theme editor, with an app only if you want shoppable hotspots.

This guide is for store owners with an Online Store 2.0 theme. Once the page is live, the same product pages can offer virtual try-on on Shopify, so a shopper who likes a look can see the pieces on themselves.

What is a lookbook page for?

A lookbook shows your clothes styled together, usually for a season or collection. It sells the mood and shows how pieces combine, which a plain product grid cannot do.

It works best as a bridge. The shopper sees a look, taps a piece, and arrives on a product page ready to choose a size.

What should you plan before building?

Plan the page on paper first. Decide:

• The theme of the page. One season, one collection or one occasion.
• The number of looks. Fewer, stronger looks beat a long scroll.
• Image sizes. Use consistent proportions so the layout looks tidy.
• The product list. Which products appear in each look.
• The goal. Where should a shopper go next?

Gather all images before you start. Compress them so the page loads quickly on mobile.

How do you create the page step by step?

1. Create the page. In the Shopify admin, add a new page named "Lookbook" or the name of the season. Leave the content empty if you plan to use sections.
2. Create a template. In the theme editor, add a new page template, so the lookbook has its own layout and does not change other pages.
3. Add a hero section. Use a large image with a short title.
4. Add look sections. Use image-with-text or gallery sections for each look. Add a heading and a short note on what the look is.
5. Link the products. Under each look, link to its products, or add a featured product section.
6. Add navigation. Place the page in your menu or link it from the home page.
7. Preview. Check the page on a phone, a tablet and a desktop.

Section names vary between themes, so use your theme's own options. The general approach is the same.

How do you make a lookbook shoppable?

There are two ways.

Links under each look

The simplest option is a list of linked product names or small cards below each image. It needs no extra app and works on every theme.

Hotspots on the image

A tag on the image shows the product when tapped. This needs a theme feature or an app. If you want to compare options, read our roundup of the best Shopify lookbook apps.

Keep the number of tags small. Many dots on one image look cluttered.

What makes a good lookbook layout?

Layout affects how people move through the page.

• Lead with the strongest look.
• Alternate large and small images to keep rhythm.
• Keep text short, with one line on the look and one on the fabric or fit.
• Put a clear link after every look.
• Repeat a call to action at the end.

A related topic is the product page itself. The lookbook sends shoppers there, so see what goes above the fold on a fashion product page.

How does a lookbook connect to fit and returns?

Lookbook photos show clothes on models. A shopper may love the look and still wonder how it will fit them. Add model details to each look, such as the height and size worn.

Then give the shopper tools on the product page. ZeDaq.ai lets shoppers upload one photo and see the store's real garment on their body, and its size recommendation matches a 30-second body scan to your own size chart. Clear policies help too, so read our ideas for returns policies that protect margins.

How do you test and maintain the page?

Test the page before you announce it:

• Click every link and check it reaches the right product.
• Open it on a slow mobile connection.
• Check images are sharp but not heavy.
• Look at the page in your analytics after launch, and see which looks get clicks.

Update the page each season. Remove sold-out products, or the page will send shoppers to dead ends.

FAQs

Do I need an app to build a lookbook?

No. You can build one with your theme's sections and product links. An app is only needed for features such as image hotspots.

How many looks should a lookbook have?

Enough to show the collection without overwhelming the shopper. Start with a small set and add more if the page performs well.

Can I show the same product in two looks?

Yes. Link both looks to the same product page, and make sure the stock covers both.

Should the lookbook be in my main menu?

If it is a key part of how you sell, yes. Otherwise, link it from the home page or collection pages.