First you should disable the native review system of BigCommerce:

  1. Log into your BigCommerce Admin page
  2. Click on "Advanced Settings"
  3. Click on "Comments"
  4. Got to tab "Built-in"
  5. Deselect the Product reviews checkbox.

Stencil Theme

On Stencil theme, our Judge.me app automatically inserted the needed javascript.

To add the widgets to your theme's pages, please check the guide in the Installation tab of your Judge.me app's Settings page.

Blueprint Theme

On Blueprint theme, you must manually add the Judge.me scripts to the head of your theme.

  1. Log into your BigCommerce Admin page
  2. Click on "Storefront Design"
  3. Click on "My Themes"
  4. Click on "Edit HTML/CSS"
  5. Select Other Template Files
  6. Select the file HTMLHead.html which is located under Panels

Add the following script at the end of file, just above </head> :

<script src='https://cdn.judge.me/widget_preloader.js' defer></script>
<script>
  jdgm = window.jdgm || {}; 
  jdgm.PLATFORM = 'bigcommerce';   
  jdgm.SHOP_DOMAIN = 'INSERT YOUR SHOP DOMAIN'; 
  jdgm.PUBLIC_TOKEN = 'INSERT YOUR PUBLIC TOKEN';
</script>

Please add your shop's domain (the one that is used in your admin page, eg: store-xxxxx.mybigcommerce.com) and your public token (can be found in Judge.me settings page, tab Developer).

To install review widget code, add the following script to your ProductDetails.html file:

<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' 
data-product-title="%%GLOBAL_ProductName%%"  
data-id="%%GLOBAL_ProductId%%"></div>

To install the star rating, add the following script in your ProductDetails.html and CategoryProductsItem.html:

<div class='jdgm-widget jdgm-preview-badge' data-id="%%GLOBAL_ProductId%%"></div>

The other widgets code are similar with Stencil theme and can be found in the Installation tab of your Judge.me app's Settings page.

Please contact our support if you need more assistance on setting up Judge.me app on your shop's website.