Skip to main content
The Algolia integration for BigCommerce includes a widget template built with Algolia Recommend that you can add to your store’s pages to show product recommendations. Screenshot of a product recommendations carousel on a storefront page.

​
Before you begin

Before you can show recommendations in your store, check that you’ve set up Recommend:

​
Turn on Recommendations

To make the Recommend widget template available, go to Search experience in the app, select the storefront channel, and turn on the Recommendations toggle. Screenshot of the 'Recommendations' section with its toggle enabled. The index powering the channel must have trained models for Algolia Recommend.

​
Add the Recommend widget to your store

To add the Recommend widget to your store, place the widget template on your store’s pages.
  1. In the BigCommerce dashboard, go to Channel Manager and click Edit Theme. Screenshot of the BigCommerce app showing 'Theme: Cornerstone' with 'Edit theme' and 'Edit storefront settings' buttons.
  2. From the Page Builder widgets, go to Custom and drag the Algolia Recommend widget to where you want to show the recommendations on your page. Screenshot of the BigCommerce Page Builder with the 'Algolia Recommend' widget in the custom section, showing drag-and-drop areas for widgets.
  3. Open the Algolia Recommend widget settings and select the Recommend Model you want to use. Screenshot of the BigCommerce 'Recommend' widget settings showing a 'Title' field and 'Number of results' set to 0, with trending items displayed. Available models:
    • Trending items (for use on any page)
    • Frequently bought together (for use on product pages)
    • Related items (for use on product pages)
    • Looking similar (for use on product pages)

​
Customize the Recommend widget

Edit the widget’s CSS to match your store’s theme in the widget’s settings. Screenshot of the BigCommerce Recommend widget settings with custom CSS styles and a preview of trending items. Save your changes by clicking Save HTML. To customize the widget’s title, edit the Title field in the widget’s settings. To customize the number of recommendations shown, edit the Number of results field in the widget’s settings. The default setting is 0, which shows all recommendations.
Last modified on September 14, 2026