Knowledge Base

Knowledge base

Explore How-To's and learn best practices from our knowledge base.

BigCommerce Installation Guide

Modified on: Thu, 30 May, 2019 at 11:47 PM


BigCommerce Installation Guide

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.

You will still need to modify your theme to add our Judge.me widgets to your shop.

1. Preview badges (star rating)

a. In product page

Edit TemplatesComponentsProductsproduct-view.html put the follow script under product title:

<div class='jdgm-widget jdgm-preview-badge' data-id='{{product.id}}'></div>

b. In category page (other listing with product thumbnails)

Edit TemplatesComponentsProductscard.html put the follow script under product title:

<div class='jdgm-widget jdgm-preview-badge' data-id='{{id}}'></div>

2. Review widget

Edit file Templates > Components > Products > product-view.html, put the follow script at the end of file (or where applicable, for example above related product listing):

<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='{{product.title}}' data-id='{{product.id}}'></div>

3. Other widgets

The other widgets code can be found 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.


Did you find the answer you were looking for in the Article?

If not, feel free to create a ticket here and our support team will be in touch.


Did you find it helpful? Yes No

Can you please tell us how we can improve this article?

More articles in Bigcommerce