[New Era] Bundles AI: Auto-generate & sell the best performing bundles 🤖

How to Add a Buy the Look Section to Your Shopify Store

Many Shopify merchants prefer to upsell in their stores by enriching the shopping experience. One of the most effective ways to increase sales is to add a Buy The Look section under each product, which lets your shoppers get the complete look in one place. With PickyStory, you can do it quickly with just a couple of clicks – no coding required. Here’s how:

1. Find the element Buy The Look will be inserted after

Go to the desired product page where you want to add the new Buy The Look and hover over the targeted area. In the example below we wish to add Buy The Look under the product’s section (the purple rectangle):

Right-click on the chosen area and click on Inspect:

Once you click on Inspect, the Developers Tools window will pop up (could also appear on the left/right side of the screen). Hover over the different HTML elements until the desired element is highlighted – in our case, the product’s section highlighted in blue. We want to add Buy The Look right after the product’s section so we’ll copy the product section ID (marked in blue) or Class (marked in green). Just copy one of them.

 

Tip – try to pick the most specific element; in this scenario, we would prefer the ID instead of the Class because it is more accurate – there is a higher chance that the element is unique. Either way, we can always use the Route Filter option to display Buy The Look only on the desired page.

2. Paste the CSS selector and enable Buy The Look

Open the PickyStory app and go to Widget settings. Paste the CSS selector into the Custom location selector box. If you copied an element ID, you should add the pound sign (#) before the element. If using a class, add a dot (.) before the element. See example below:

Element’s Class:

After inserting the CSS selector just switch the toggle to enable Buy The Look.

"I really expect this app to be soon a must-have for every fashion store!"

MOST POPULAR

Back to top
Icon

Not enough sales?

Capture every drop of revenue with PickyStory's complete upsell platform.

pickystory

Get matched with the right partner. PickyStory will do all the work to connect you with one of our awesome partners.

Trusted by the fastest-growing
e-commerce brands

vertical logos
pickystory_full_for_black-background-1-min.png

See PickyStory in action

pickystory

Convert more visitors into buyers with PickyStory's e-commerce conversion platform

By entering your email, you agree to receive marketing emails from PickyStory.


Trusted by the fastest-growing e-commerce brands

pickystory

Book a demo to learn more about PickyStory's e-commerce upsell platform

By entering your email, you agree to receive marketing emails from PickyStory.


Trusted by the fastest-growing
e-commerce brands

vertical logos