Guides / Building Search UI / UI & UX patterns

Recommendations in InstantSearch.js

InstantSearch.js provides widgets for displaying recommendations on your site with Algolia Recommend. Recommendations encourage users to discover more of your catalog based on what they’re already interested in.

Recommendations are an ideal complement to search experiences. If users land on an item which isn’t exactly what they were searching for, they can effortlessly jump to similar items. Conversely, when they find what they want, they can discover items that would complement their current selection.

Frequently Bought Together

Frequently Bought Together recommends items that users often buy together (based on conversion events). The component lets you pass a reference item, and displays a list of recommended items using the Frequently Bought Together model from Algolia Recommend.

These models recommend items that are related to each other (based on click and conversion events). The component lets you pass a reference item, and displays a list of recommended items using the Related Products or Related Content models from Algolia Recommend.

The Trending Items model looks for popular items in your product catalog. Trends can be global, for example, recommend the most popular items in your entire product catalog. Or it can also be within a specific facet or category, for example, recommend the most popular winter sweaters.

The component lets the option to fetch global trends or trends within a facet, and displays a list of trending items using the Trending Items model from Algolia Recommend.

Looking Similar

This model recommends items that are visually related to each other, based on the images linked in your index. The component lets you pass a source item, and displays a list of recommended items using the Looking Similar model from Algolia Recommend.