---
title: "BigCommerce - Stencil: Installing Yotpo Reviews on Stencil"
slug: "bigcommerce-stencil-installing-yotpo-reviews-on-stencil"
tags: ["Reviews ", "BigCommerce"]
updated: 2025-05-12T13:10:17Z
published: 2025-05-12T13:10:17Z
canonical: "support.yotpo.com/bigcommerce-stencil-installing-yotpo-reviews-on-stencil"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://support.yotpo.com/llms.txt
> Use this file to discover all available pages before exploring further.
# BigCommerce - Stencil: Installing Yotpo Reviews on Stencil
Products
Reviews
###### Supported plans
Free, Starter, Pro, Premium, Enterprise
###### eCommerce Platform
BigCommerce
This guide will walk you through the process of [integrating the Yotpo app into your BigCommerce](https://www.yotpo.com/integrations/bigcommerce/) store.
Note
Changes made to on-site widgets (Reviews Widget, Reviews Tab, etc.) may not be immediately reflected on your live site.
## 1. Disabling the Built-in Reviews System
1. Log into your **BigCommerce Admin page.**
2. Click on **Settings.**
3. Click on **Comments.**
4. Click the **Built-in** tab.
1. Deselect the **Product reviews checkbox**:
6. Click **Save.**
#### Disabling the built-in review requests sent to customers
1. Click on **Store Setup.**
2. Click on **Store Settings.**
3. Click the **Miscellaneous** tab.
4. Uncheck the **Product Review Emails** checkbox. 
5. Click **Save.**
## 2. Installing the Yotpo Reviews App
1. Access your **BigCommerce admin.**
2. Click on **Apps.**
3. Click on **Marketplace.**
4. Search for **Yotpo** in the search box.
5. Click the **Yotpo Reviews** app.
6. Click on **Get this App.** 
7. Click **Install.**
8. Click **Confirm.** 
## 3. Installing the Yotpo JavaScript
1. Access your **BigCommerce admin.**
2. Click **Storefront.**
3. Go to **Script Manager.**
4. Under the "Name of the Script" field put it Yotpo.JS and choose the following settings:
- Location on Page - **Footer**
- Select Pages where Script will be added - **All pages**
- Script Category - **Essential**
- Script Type - **Script**
5. Paste the following code at the start of the footer:
```javascript
```
6. Replace the **###YOUR-APP_KEY###** portion of the text in the code above with your store's **Yotpo APP Key.**
7. Click **Save.**
Note
Make sure to replace the **###YOUR-APP_KEY###** portion of the code above with your Yotpo API Key.
Can't find your API key? [Click here](/v1/docs/finding-your-yotpo-app-key-and-secret-key).
## 4. Installing the Reviews Widget on product pages
1. Click **Storefront.**
2. Click **My Themes.**
3. Click **Advanced > Make a Copy.**
4. Once the theme is copied, click **Edit Theme Files**: 
1. Open the **Theme Editor** in your **BigCommerce admin.**
2. Click **Templates** > **Components** > **Products** > **product-view.html** or **product.html.**
3. Paste the following code under the **last line of code** in the file:
```javascript
```
Note
Some of the themes offered on BigCommerce Themes Marketplace may require **making a copy** of the theme files before making any changes to them. As a baseline, we recommend making a copy of your theme before editing it, as a **backup**.
1. Click **Save File.**
## 5. Installing the Star Rating on product pages
1. Click **Storefront.**
2. Click **My Themes.**
3. Click **Advanced.**
4. Click **Edit Theme Files.**
5. Click **Templates** > **Components** > **Products** > **product-view.html** or **single-details.html.**
6. Paste the following code under the ***productView-title** element, which you can find by searching for it:
- **Ctrl + F** on Windows
- **command + F** on Mac
(*If you don't find this element, then look for something similar containing the word **title**)
```javascript
```
Please note:
Some of the themes offered on BigCommerce Themes Marketplace may require **making a copy** of the theme files before making any changes to them. As a baseline, we recommend making a copy of your theme before editing it, as a **backup**.
1. Click **Save.**
## 6. Installing the Star Rating on category pages
1. Click **Storefront.**
2. Click **My Themes.**
3. Click **Advanced.**
4. Click **Edit Theme Files.**
5. Open the **Theme Editor** in your **BigCommerce admin.**
6. Click **Templates** > **Components** > **Products** > access the file **card.html.** If you don't have this file, search for the file that contains your Category Pages data (You can find it by searching for it using CTRL+F):
7. Paste the following code under the **card-title** element:
```javascript
```
Important
By default, the Yotpo Star Rating on Category Pages **does not link anywhere**.
If you want to set up Star Rating as an anchor to product pages, please [click here](/v1/docs/clickable-star-ratings-on-the-category-page).
#### Centering the Star Rating
If you would like to **center the Star Rating** so it will appear right under the price, you can try adding one of the following CSS rules directly to the element:
#### Option 1:
```javascript
```
#### Option 2:
Edit the Star Rating element by surrounding it with an additional
and applying some inline CSS:
```javascript
Markup
```
The CSS styling can be added right above the Star Rating code:
## 7. Installing the conversion tracking code
1. Access your BigCommerce admin.
2. **Copy** the following code:
```javascript
```
Important
BigCommerce [only allows](https://support.bigcommerce.com/articles/Public/Passing-Order-Data-to-Affiliate-Programs/?_ga=2.22180530.889572232.1528892386-177848363.1528623067#tracking-variables) USD currency in the Conversion Tracking. If your store's currency is not USD, **replace it** with the correct value
1. In your BigCommerce admin, go to **Advanced Settings > Web Analytics.**
2. Check the box next to **Affiliate Conversion Tracking.** 
3. Click the **Save** button at the bottom of your screen.
4. Click on the **Affiliate Conversion Tracking** tab **paste your code** into the Conversion Tracking Code box: 
5. Replace both **{{APP_KEY}}** portions of the code above with your store's Yotpo app key. Make sure to replace the **two** {{APP_KEY}} portions of the code with the App Key from your account. Can't find your app key? [Click here](/v1/docs/finding-your-yotpo-app-key-and-secret-key)
6. Click **Save**.
Tip
Yotpo recommends that you make a [test order](https://support.bigcommerce.com/articles/Public/Testing-Shipping-Tax-and-Payment-Settings) to check the installation.
## 8. Importing your reviews
The import process is done via BigCommerce API, so there is no need to export or manually handle files.
To import reviews from BigCommerce, you must:
- Have used the BigCommerce native reviews app (now disabled).
- Submit a ticket to Yotpo Support in [here](https://yap.yotpo.com/#/?modal=contact_support) with the following message: *Please import my Bigcommerce reviews into Yotpo. -Send me a file with the data from BigCommerce to review before importing -* ***Yes / No*** *-Apply Verified Buyer badge -* ***Yes / No***
**Important:** Since BigCommerce reviews don't fully match Yotpo's format, certain types of data may be modified or lost.
Important
Since BigCommerce reviews don't fully match Yotpo's format, certain types of data may be modified or lost.
```
Important
BigCommerce [only allows](https://support.bigcommerce.com/articles/Public/Passing-Order-Data-to-Affiliate-Programs/?_ga=2.22180530.889572232.1528892386-177848363.1528623067#tracking-variables) USD currency in the Conversion Tracking. If your store's currency is not USD, **replace it** with the correct value
1. In your BigCommerce admin, go to **Advanced Settings > Web Analytics.**
2. Check the box next to **Affiliate Conversion Tracking.** 
3. Click the **Save** button at the bottom of your screen.
4. Click on the **Affiliate Conversion Tracking** tab **paste your code** into the Conversion Tracking Code box: 
5. Replace both **{{APP_KEY}}** portions of the code above with your store's Yotpo app key. Make sure to replace the **two** {{APP_KEY}} portions of the code with the App Key from your account. Can't find your app key? [Click here](/v1/docs/finding-your-yotpo-app-key-and-secret-key)
6. Click **Save**.
Tip
Yotpo recommends that you make a [test order](https://support.bigcommerce.com/articles/Public/Testing-Shipping-Tax-and-Payment-Settings) to check the installation.
## 8. Importing your reviews
The import process is done via BigCommerce API, so there is no need to export or manually handle files.
To import reviews from BigCommerce, you must:
- Have used the BigCommerce native reviews app (now disabled).
- Submit a ticket to Yotpo Support in [here](https://yap.yotpo.com/#/?modal=contact_support) with the following message: *Please import my Bigcommerce reviews into Yotpo. -Send me a file with the data from BigCommerce to review before importing -* ***Yes / No*** *-Apply Verified Buyer badge -* ***Yes / No***
**Important:** Since BigCommerce reviews don't fully match Yotpo's format, certain types of data may be modified or lost.
Important
Since BigCommerce reviews don't fully match Yotpo's format, certain types of data may be modified or lost.