Guides / Building Search UI / UI & UX patterns

Recommendations in React InstantSearch

This is the React InstantSearch v7 documentation. React InstantSearch v7 is the latest version of React InstantSearch and the stable version of React InstantSearch Hooks.

If you were using React InstantSearch v6, you can upgrade to v7.

If you were using React InstantSearch Hooks, you can still use the React InstantSearch v7 documentation, but you should check the upgrade guide for necessary changes.

If you want to keep using React InstantSearch v6, you can find the archived documentation.

React InstantSearch 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 Items model 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.

Did you find this page helpful?