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. Autocomplete customization buttons in the BigCommerce app

Before you begin

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

Configure the Recommend widget

To configure the Recommend widget, select a channel in your BigCommerce app and go to the Recommend tab. Screenshot of the 'Recommend' settings in the BigCommerce app, showing a 'SOURCE' drop-down menu labeled 'Select a source' and a 'Save and Apply' button. The source you select 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, and a 'Quick links' menu.
  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 February 18, 2026