Book call

Guide: Shop The Look

First time using the Bllush API? First, read the Getting Started guide.

Why Shop the Look?

98% of your shoppers won’t find what they’re looking for and leave your store. By showing them outfits, users can discover products they connect with and shop in your store. Users who engage will have a higher likelihood to purchase a product and not leave your website.

What are we building?

In this example, we’re going to open to create a new user experience to enable product discovery from inspiration content. This will be placed on a new page, where the content will be shown. Users will be able to browse various fashion outfits and navigate to the products linked to those outfits. 

Our starting point will be to pull all images available, by using the get_cu_list endpoint which will return an array of content units, which we can display.

Building a content block

Once you have all the information you need (see API documentation) you can design your content block using your preferred framework and the data provided by us.

Here is an example using pseudo-code:

Call BlushApi(path = get_cu_list)
ForEach cu in Response:
    ForEach product in cu.product_matches:
        Enrich(product.sku)//Enrich product data from your DB using SKU
	CreateContentBlock(cu)

Further Details

It will be better to make the enrichment call once providing a list of all product_mathches SKUs and then sorting/enriching on the client-side.

You can create a pagination mechanism using our limit and offset options in our API. Here is an example in PHP.

Final result:

That’s about it. We’ve used some styling to make it look a bit nicer and published this project. You can view the live example here.

Want to learn more?

Talk to one of our content experts!

Book a call