> ## Documentation Index
> Fetch the complete documentation index at: https://algolia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Recommend for BigCommerce

> Configure Algolia Recommend for BigCommerce.

The Algolia integration for BigCommerce includes a widget template built with [Algolia Recommend](/doc/guides/algolia-recommend/overview) that you can add to your store's pages to show product recommendations.

<img src="https://mintcdn.com/algolia/hAsVAHDvpFee-pZL/doc/integration/bigcommerce/search-settings/recommend-carousel.png?fit=max&auto=format&n=hAsVAHDvpFee-pZL&q=85&s=1cd4adb77bec52e797e1319f5f5400ce" alt="Autocomplete customization buttons in the BigCommerce app" width="2596" height="916" data-path="doc/integration/bigcommerce/search-settings/recommend-carousel.png" />

## Before you begin

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

* You're sending [click and conversion events](/doc/integration/bigcommerce/search-settings/events).
  Algolia Recommend relies on click and conversion events to continuously improve its recommendations.
  To get started, you can also [upload events from a CSV file](/doc/guides/algolia-recommend/how-to/csv-upload).
* You have a trained [Recommend model](/doc/guides/algolia-recommend/how-to/set-up#train-the-recommend-models) in your Algolia dashboard.

## Configure the Recommend widget

To configure the Recommend widget,
select a channel in your BigCommerce app and go to the **Recommend** tab.

<img src="https://mintcdn.com/algolia/hAsVAHDvpFee-pZL/doc/integration/bigcommerce/search-settings/recommend-settings.png?fit=max&auto=format&n=hAsVAHDvpFee-pZL&q=85&s=e57b0866b582ea7d0040c4bc509bda07" alt="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." width="927" height="271" data-path="doc/integration/bigcommerce/search-settings/recommend-settings.png" />

The source you select must have trained models for [Algolia Recommend](/doc/guides/algolia-recommend/how-to/set-up#train-the-recommend-models).

## 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**.

   <img src="https://mintcdn.com/algolia/hAsVAHDvpFee-pZL/doc/integration/bigcommerce/search-settings/channel-manager.png?fit=max&auto=format&n=hAsVAHDvpFee-pZL&q=85&s=6e8e99594efa20134d380ed6eeb11cd6" alt="Screenshot of the BigCommerce app showing 'Theme: Cornerstone' with 'Edit theme' and 'Edit storefront settings' buttons, and a 'Quick links' menu." width="1856" height="304" data-path="doc/integration/bigcommerce/search-settings/channel-manager.png" />

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.

   <img src="https://mintcdn.com/algolia/hAsVAHDvpFee-pZL/doc/integration/bigcommerce/search-settings/pagebuilder-widgets.png?fit=max&auto=format&n=hAsVAHDvpFee-pZL&q=85&s=77b23fd09b7223672e49f4a57b3ce9a0" alt="Screenshot of the BigCommerce Page Builder with the 'Algolia Recommend' widget in the custom section, showing drag-and-drop areas for widgets." width="3456" height="1718" data-path="doc/integration/bigcommerce/search-settings/pagebuilder-widgets.png" />

3. Open the **Algolia Recommend** widget settings and select the **Recommend Model** you want to use.

   <img src="https://mintcdn.com/algolia/hAsVAHDvpFee-pZL/doc/integration/bigcommerce/search-settings/widget-settings.png?fit=max&auto=format&n=hAsVAHDvpFee-pZL&q=85&s=b2dcddb49ecbe788a4d631b7dabbedbe" alt="Screenshot of the BigCommerce 'Recommend' widget settings showing a 'Title' field and 'Number of results' set to 0, with trending items displayed." width="3452" height="1718" data-path="doc/integration/bigcommerce/search-settings/widget-settings.png" />

   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.

<img src="https://mintcdn.com/algolia/hAsVAHDvpFee-pZL/doc/integration/bigcommerce/search-settings/widget-css.png?fit=max&auto=format&n=hAsVAHDvpFee-pZL&q=85&s=d187b18c2747f14bbe2715d5f2bb73b0" alt="Screenshot of the BigCommerce Recommend widget settings with custom CSS styles and a preview of trending items." width="3456" height="1718" data-path="doc/integration/bigcommerce/search-settings/widget-css.png" />

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.
