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. Recommend settings in the BigCommerce app 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. Recommend settings in the BigCommerce app
  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. Recommend settings in the BigCommerce app
  3. Open the Algolia Recommend widget settings and select the Recommend Model you want to use. Recommend settings in the BigCommerce app 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. Recommend settings in the BigCommerce app 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.
I