This article will help you install TrustSpot on your Stencil-Based Themes with BigCommerce. 

If you get stuck at any point, feel free to jump on Live Chat and one of our team members will provide guidance in getting the code installed. You can also email us at: support@trustspot.io

Note for Blueprint Users: If you are using a Blueprint theme, please see our instructions here

Step 1: Disabling the Built-in Reviews System and Review Requests

Log in to your BigCommerce Admin page.
Click Advanced Settings.
Click Comments.
Click Built-in.
Deselect the Product reviews checkbox.
Click Save

Step 2: Disabling the Built-in BigCommerce Review Requests Sent to Customers

Click Store Setup.
Click Store Settings.
Click Miscellaneous.
Deselect the Product Review Emails checkbox.
Click Save

Step 3: Installing the TrustSpot Reviews App

Click Apps
Click Marketplace
Search for TrustSpot in the search box
Click the TrustSpot Reviews app
Click Install
Click Confirm (This action creates a TrustSpot account under your store email address. Once the installation is completed, the TrustSpot admin will open within the BigCommerce site.)

Step 4: Add the TrustSpot Javascript

  • (from your BigCommerce admin) click on Storefront Design
  • Open Footer Scripts and paste in the code found under "STEP #1: ADD THE CORE JS LIBRARY" your TrustSpot Account > Integrations > BigCommerce Page
  • Click Save

Step 5: Add the Reviews Widget on the Product Pages

Important:  We also recommend to make a copy of your theme files before making any changes (regardless of the app), just so you have a backup. 

  • Open the Theme Editior in your BigCommerce admin
  • Click on Storefront
  • Click on My Themes
  • Click on Advanced
  • Click on Edit Theme Files

Now you're within the Theme Editior. The next step is about finding the correct file to add the Reviews Widget into. 

  • Click on Templates > Components > Products > product-view.html OR product.html (depending on your theme). 
  • Paste in the code found under "STENCIL STEP #2: ADD THE PRODUCT REVIEW WIDGET" your TrustSpot Account > Integrations > BigCommerce page
  • Click Save

Step 6: Add the Inline Star Rating on the Product Pages

This step requires being in the Theme Editor (see Step 5 for how to access this area). 

  • Click on Templates > Components > Products > product-view.html OR product.html (depending on your theme)
  • Paste in the code found under "STENCIL STEP #3: ADD INLINE STAR RATINGS" your TrustSpot Account > Integrations > BigCommerce page - directly under the "ProductView-title" line. 
  • Click Save

Optional Step 7: Add the Inline Star Rating on the Category Pages

This step is optional since some stores opt to not show category stars (just product). If you'd like to add inline stars to your category pages, please follow the below steps. 

This step requires being in the Theme Editior (see Step 5 for how to access this area). 

  • Click on Templates > Components > Products > product-grid-item.html  .. If your theme does not use this file, you'll need to locate the file that contains your category page data. 
  • Paste in the code under "STENCIL STEP #3: ADD INLINE STAR RATINGS" your TrustSpot Account > Integrations > BigCommerce page - directly under the "product-item-title" line. 
  • Click Save

Have a question or need support on this integration? 

Please contact our support team from here.

Did this answer your question?