How to Create Shop the Look Widgets for Your Shopify Store: A Step-By-Step Guide

For e-commerce sellers, connecting with customers in person can be difficult. However, by adding a shop the look page or section to your website, potential customers can better understand what kind of products you’re selling and how they can be used, which ultimately increases brand trust, loyalty, and sales.

In this article, we’ll explain what shop the look means, how it can benefit your e-commerce business, and guide you through the steps to easily make your own shop the look card on Shopify.

What is a shop the look widget?

A shop the look widget can have its own separate page, or it can be a section on your website. It works as a shoppable lookbook, allowing customers to easily purchase a whole look instead of a single product. Shop the look widgets are typically used by a wide range of e-commerce brands but are especially popular in fashion retail, beauty, and interior design.

The goal of the shop the look widgets is to inspire customers with ready-made outfit combinations or home decor solutions, making it simple for them to choose and add numerous things to their cart by showing your products in various settings and styles.

Shop the look also helps you drive sales by encouraging customers to buy multiple items at once with no additional work on your part.

Plus, adding a shoppable lookbook to your website will enhance the online shopping experience, which goes a long way in building lasting customer relationships and growing your e-commerce business.

What does a shop the look widget look like?

Typically, a well-crafted shop the look widget would feature a high-quality image or video (or multiple) that showcases specific products, with clickable product tags placed on each item featured in the picture. 

When a customer clicks on a product tag, they’re taken directly to the individual product’s page, where they can learn more about the specific item and purchase it.

Most importantly, a successful shop the look widget should be easy to navigate and use. Customers should be able to understand your product offering quickly, click through to the product page, and complete their purchase without any further ado.

Now, let’s take a look at how a successful shop the look widget looks in the wild.

See how the Swedish furnishing company Lagerhaus has created a smooth shop the look experience for their website visitors. 

They’ve picked high-quality images that capture a clean, aesthetically pleasing home decor setup that anyone can recreate by purchasing the tagged items.

Ultimately, a well-designed shop the look section helps e-commerce brands promote their products in a more dynamic and engaging manner. Plus, with shop by look approach, customers can instantly purchase not just a single product but a whole vibe and recreate it in their living room anytime.

How can I add a shop the look widget with a single image to my Shopify store?

The most straightforward way to add a shop the look section to your Shopify store is by using an app that already offers shoppable content solutions.

Here’s your step-by-step guide on how to create a successful shop the look card for your Shopify store with Cevoid.

Step 1: Install the Cevoid app from the Shopify app store

Start by navigating to the Shopify app store, enter “Cevoid” in the search bar, and click “Add app.”

Welcome aboard! Once you’ve completed the sign-up process, it’s time to get creative and start inspiring your customers with a beautifully crafted shop the look card.

Step 2: Find the perfect photo and tag products

Upload your in-house content or collect user-generated content from your customers directly from Cevoid. Then, on your Cevoid dashboard, head to Library, pick an image you wish to turn into your shop the look piece, add product tags, and click Create card.

Step 3: Style your shop the look card

Choose border radius, card size, and optionally, write a caption. If you’re using a user-generated content piece, choose whether you wish to display the original creator’s username and where and how you want it to appear.

All your tagged products will be noticed in your shop the look card, but you can also choose to highlight a specific product right away.

Finish setting up your interaction preferences, hit Save changes, and your shop the look card is good to go! 

Now all you need to do is embed it on your Shopify store.

Step 4: Embed shop the look card on your Shopify store

On the Cevoid platform, top right corner—right where you clicked Save changes—click Embed card, and you’ll get this popup.

Now, you’ll see a <div> code. Click Copy and head to Shopify.

When editing your Shopify storefront, click Add section where you want your new shop the look card to appear. Select Custom Liquid option, paste the <div> code and click Save.

It can sometimes take a couple of seconds to load, so don’t panic if you don’t see it right away. Breathe in, breathe out, grab a cup of tea, come back, and enjoy your new shop the look card! 

P.S. If you’re not happy with the card size, you can always change it on your Cevoid dashboard to fit your Shopify website.

How can I create a shop the look widget with multiple photos and videos?

Now that you know how to add a single-image shop the look widget, let’s explore how to create a shop the look gallery for your Shopify store.

Step 1: Get the Cevoid app

The first step is the same as for shop the look widgets with a single image: install the Cevoid app from the Shopify app store and get ready to create a beautiful shop the look gallery for your Shopify store.

Step 2: Gather images and videos

Make sure you have all the photos and videos you want in your shop the look gallery in your Cevoid library. To make them shoppable, add product tags. 

Step 3: Create and style your shop the look gallery

To create your Shopify shop the look gallery, head to the Showcase section on Cevoid Dashboard, navigate to Galleries and click New gallery in the top right corner.

Choose your content source and start styling your shop the look gallery in the Design section. Pick your shop the look gallery type—choose between grid, masonry, collage, or slider. Decide on your gallery style, as well as other visual and technical preferences, the same way you’d do with a single-image shop the look widget.

Step 4: Embed your shop the look gallery on your Shopify store

Once you’re done styling your gallery, it’s time to embed it on your Shopify store. Click the Embed gallery button in the top right corner, copy the <div> code, and paste it into any coded page where you want your gallery to appear. Or, copy the gallery ID, add a new Cevoid block on your Shopify page, and paste the gallery ID.

Elevate your store with shop the look widgets

Creating a shop the look card and shop the look galleries for your e-commerce brand is a great way to inspire your customers and make it easy to find and purchase the products they love. 

Follow the step-by-step guide in this blog, and you'll create a beautiful and user-friendly shop the look widgets or your Shopify store.

If you need any help creating shop the look galleries or cards with Cevoid, you can find answers to your questions in our Help Center. If you have any questions about the platform, card or gallery setup, or you’re just looking for a friendly chat to discuss visual content management, schedule a coffee chat with us.

We’re always happy to help! 💜