Search by Algolia
Add InstantSearch and Autocomplete to your search experience in just 5 minutes
product

Add InstantSearch and Autocomplete to your search experience in just 5 minutes

A good starting point for building a comprehensive search experience is a straightforward app template. When crafting your application’s ...

Imogen Lovera

Senior Product Manager

Best practices of conversion-focused ecommerce website design
e-commerce

Best practices of conversion-focused ecommerce website design

The inviting ecommerce website template that balances bright colors with plenty of white space. The stylized fonts for the headers ...

Catherine Dee

Search and Discovery writer

Ecommerce product listing pages: what they are and how to optimize them for maximum conversion
e-commerce

Ecommerce product listing pages: what they are and how to optimize them for maximum conversion

Imagine an online shopping experience designed to reflect your unique consumer needs and preferences — a digital world shaped completely around ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

DevBit Recap: Winter 2023 — Community
engineering

DevBit Recap: Winter 2023 — Community

Winter is here for those in the northern hemisphere, with thoughts drifting toward cozy blankets and mulled wine. But before ...

Chuck Meyer

Sr. Developer Relations Engineer

How to create the highest-converting product detail pages (PDPs)
e-commerce

How to create the highest-converting product detail pages (PDPs)

What if there were a way to persuade shoppers who find your ecommerce site, ultimately making it to a product ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

Highlights from GopherCon Australia 2023
engineering

Highlights from GopherCon Australia 2023

This year a bunch of our engineers from our Sydney office attended GopherCon AU at University of Technology, Sydney, in ...

David Howden
James Kozianski

David Howden &

James Kozianski

Enhancing customer engagement: The role of conversational commerce
e-commerce

Enhancing customer engagement: The role of conversational commerce

Second only to personalization, conversational commerce has been a hot topic of conversation (pun intended) amongst retailers for the better ...

Michael Klein

Principal, Klein4Retail

Craft a unique discovery experience with AI-powered recommendations
product

Craft a unique discovery experience with AI-powered recommendations

Algolia’s Recommend complements site search and discovery. As customers browse or search your site, dynamic recommendations encourage customers to ...

Maria Lungu

Frontend Engineer

What are product detail pages and why are they critical for ecommerce success?
e-commerce

What are product detail pages and why are they critical for ecommerce success?

Winter is coming, along with a bunch of houseguests. You want to replace your battered old sofa — after all,  the ...

Catherine Dee

Search and Discovery writer

Why weights are often counterproductive in ranking
engineering

Why weights are often counterproductive in ranking

Search is a very complex problem Search is a complex problem that is hard to customize to a particular use ...

Julien Lemoine

Co-founder & former CTO at Algolia

How to increase your ecommerce conversion rate in 2024
e-commerce

How to increase your ecommerce conversion rate in 2024

2%. That’s the average conversion rate for an online store. Unless you’re performing at Amazon’s promoted products ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

How does a vector database work? A quick tutorial
ai

How does a vector database work? A quick tutorial

What’s a vector database? And how different is it than a regular-old traditional relational database? If you’re ...

Catherine Dee

Search and Discovery writer

Removing outliers for A/B search tests
engineering

Removing outliers for A/B search tests

How do you measure the success of a new feature? How do you test the impact? There are different ways ...

Christopher Hawke

Senior Software Engineer

Easily integrate Algolia into native apps with FlutterFlow
engineering

Easily integrate Algolia into native apps with FlutterFlow

Algolia's advanced search capabilities pair seamlessly with iOS or Android Apps when using FlutterFlow. App development and search design ...

Chuck Meyer

Sr. Developer Relations Engineer

Algolia's search propels 1,000s of retailers to Black Friday success
e-commerce

Algolia's search propels 1,000s of retailers to Black Friday success

In the midst of the Black Friday shopping frenzy, Algolia soared to new heights, setting new records and delivering an ...

Bernadette Nixon

Chief Executive Officer and Board Member at Algolia

Generative AI’s impact on the ecommerce industry
ai

Generative AI’s impact on the ecommerce industry

When was your last online shopping trip, and how did it go? For consumers, it’s becoming arguably tougher to ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

What’s the average ecommerce conversion rate and how does yours compare?
e-commerce

What’s the average ecommerce conversion rate and how does yours compare?

Have you put your blood, sweat, and tears into perfecting your online store, only to see your conversion rates stuck ...

Vincent Caruana

Senior Digital Marketing Manager, SEO

What are AI chatbots, how do they work, and how have they impacted ecommerce?
ai

What are AI chatbots, how do they work, and how have they impacted ecommerce?

“Hello, how can I help you today?”  This has to be the most tired, but nevertheless tried-and-true ...

Catherine Dee

Search and Discovery writer

Looking for something?

facebookfacebooklinkedinlinkedintwittertwittermailmail

For today’s retail consumer, search is not just about typing in queries. It’s about clicking on products, filtering on categories, and browsing through multiple product views, vivid layouts, promotional items, and customer reviews. 

And now, it’s also about recommendations. Online retailers have learned the importance of recommending related, not just relevant products. They’ve learned that offering related products that fall outside of a query are nonetheless consistent with a consumer’s buying intent.

However, for recommendations to be successful, they must be meaningful – which can only come from a model-based, machine-learning recommender system. Luckily, retailers don’t need to know how to build those models themselves. Models and machine learning should come standard out of a search engine’s box.

Getting started

Retailers should not need to do much to implement recommendations, except collect and analyze the right analytics and know how to display recommendations in the most effective way.

There are four elements to consider when getting started with recommendations: 

  1. The journey. Every online retail journey should include recommended products.
  2. The timing. Recommendations should appear at just the right moment.
  3. The quality of the recommendations. A machine-learning recommender system builds its models by: 
    • Collecting user behavior events likes clicks and conversions (add to cart, buy), to learn the individual and aggregate the tastes of customers
    • Using product categories to build filter-based relationships

Then what? 

  1. The implementation. Since recommendations come out of the box, there are only two tasks for the retailer:
    • Gather data with analytics, using single-line code snippets that capture a consumer’s activities. It’s the same as implementing Google Analytics.
    • Build the web and mobile interfaces that display the recommendations.

The journey – from search to merchandising to recommendations

As already suggested, we expect a lot from a search bar. To be more precise, we want speed – search results need to appear instantaneously, preferably as we type. And we want relevance – the results need to be spot on. 

But online businesses like Spotify, Airbnb, and Amazon don’t stop there. They’ve transformed the search bar into a comprehensive browsing, content management, and merchandising experience, cleverly named searchandising. Searchandising brings together a wealth of components like facets, category pages, multiple product views, carousels, banners, and much, much more – all of which multiply the onscreen options for the consumer. 

However, in today’s explosive digital economy, even that is not enough. Leading online retailers have (machine) learned how to incorporate a powerful new dimension – recommendations. Recommendations allow online merchants to show its users, subscribers, and shoppers the products that complement and refine their current selection. A recommender engine is the final touch of an exhaustive, profitable search and discovery experience. 

And there’s no turning back – any competitive online search and discovery platform must now include the capacity for both searchandising and recommendations. Our focus here is on recommendations.

Recommendations add related items to relevant results 

A recommender system is not just an add-on to search. It’s a natural expansion of search relevance into a more robust sense of relatedness. As people search and interact online, it’s only natural that they be given all relevant information, including complimentary content, which, though not always matching their queries, is nonetheless deeply, meaningfully relevant to their buying intent. 

Meaningful recommendations, when presented seamlessly to the consumer, not only increase revenue in unexpected ways, they can significantly shape a shopper’s buying choices. Consumers desire more options and are therefore happy to be guided to those options in a thoughtful way as they search. 

Recommendations in action! 

Gymshark has seamlessly transformed an engaging search experience into a full discovery experience with recommendations. It begins with a query. In the below GIF, search results change as the user types a query. That’s always the first criteria, speed. The second criteria is relevance, which the user can confirm easily by seeing easy-to-read results, with images, titles, and prices, and a streamlined screen layout. 

Next step is for the consumer to select one or more items to view. In this case, the consumer clicks on the blue joggers:

product view

The design of the product view page encourages the consumer to scroll, where they see more photos, a video, and customer reviews. And at the bottom, the recommendations.

Note that Gymshark has thoughtfully added the recommendations to the bottom of these pages, to avoid distracting the user from viewing the product. After all, the goal of a product page is for the consumer to convert, not just continue shopping. However, maybe this is not the consumer’s desired product. At that point, they can use the search bar or back button – or, they can select a recommended item.

The consumer sees two sets of recommendations at the bottom of the page:

  • “Wear it with”, which displays products that the user can purchase with the joggers. In this case, different kinds of shirts – t-shirt, tank top, a sports shirt:

recommendations "goes with"

  • “You might like”, which displays items that the user might like because they are viewing this item. In this case, other kinds of joggers.

recommendations "you might like"

Recall:

  • Timing matters: Recommending joggers at this point in the journey, when the user hasn’t yet decided, makes sense.
  • It doesn’t have to be joggers. It can be any item. Each business chooses their own recommendations model. For example, if the user decides to buy the jogger, the next set of recommendations can be based on “What people (like you) have also bought with this item”.  

Before getting into how all this works, let’s summarize the journey:

  • The speed and relevance of the query directs the consumer to a screen full of jogging pants 
  • The product view page gives the consumer full and vivid information about the jogging pants, undisturbed by merchandising or recommendations
  • The recommendations appear at the right moment, displaying complementary yet still relevant products only after the user has viewed the joggers

How it works

Why do recommendations work so well? There are several methods used to generate recommendations:

Collecting user behavior with event-based analytics (a “user-based collaborative filtering” model)

The most powerful recommendations come from user preferences. Learning user preferences helps the recommender system segment customers into profiles, allowing it to personalize its recommendations for each user. 

Consumers indicate their preferences in several ways, for example, by clicking on specific items in the search results, adding an item to a cart, and of course, buying a product. As the system collects these preferences, it begins to discern patterns of relatedness, for example, which products do certain users view and buy together. Profiles come from combining these various preference signals (clicking, viewing, converting). 

Capturing a large amount of click, view, and conversion activity can help the recommender machine create sharply-defined groups. For example, extreme sports enthusiasts perform significantly different activities (clicks, conversions, etc.) from bicyclists. 

It’s called user-based collaborative filtering, because prior user behavior is aggregated and “collaborates” to form profiles for future users. The expectation is that the next customers will see recommendations based on profiles that are consistent with the actions they take. 

Categorizing products (a “content-based filtering” model)

A standard search-based feature is filtering, where users click on categories and facets to filter their search results. For example, if a Gymshark customer wants to see only blue joggers, they can filter the results by “color = blue” and “type = joggers”. Or they can filter by price or brand.  

Filters can also be used to generate recommendations. Recommendations leverage filters in a similar way, by creating a network of related products and categories. For example, “type=joggers” can be set up as related-to “type=sport t-shirts”.

This is called content-based filtering, because the model uses the content, as opposed to user behavior, to determine the recommendations. 

Hybrid

It’s worth mentioning that most systems combine the behavior-based and content-based models, to provide even more targeted, robust recommendations. 

Using manual overrides (“rules”) to insert merchandising into their recommendations

As a machine learns, by collecting more and more data, the business might also want to have some control over the recommendations. They usually do this with rules that push specific products under certain conditions. Here are some example use cases where it might make sense to manually override the automated recommendations:

  • To ensure that related products include products from the same category as the viewed product
  • To exclude a specific product or out-of-stock products
  • To recommend a specific product, such as a newly launched product, by pinning it to the first position

Get started now

With Algolia’s hosted Search and Recommender APIs, companies like Gymshark are empowered to offer their users a complete Search & Discovery journey, entirely unique to their business. Gymshark chose to add “You might like” and “Wear it with” recommendations, but other companies can come up with their own formulas that work for them. What will you come up with?

About the author
Peter Villani

Sr. Tech & Business Writer

linkedinmediumtwitter

Recommended Articles

Powered byAlgolia Algolia Recommend

What is a product recommender (or product recommendation engine)?
product

Catherine Dee

Search and Discovery writer

The anatomy of high-performance recommender systems – Part V
ai

Paul-Louis Nech

Senior ML Engineer

Recommendations for developers: the complete how-to, what-to, and where-to guide
engineering

Peter Villani

Sr. Tech & Business Writer