Adding Judge.me widgets (Blueprint theme)
Updated yesterday

Your BigCommerce store will be using one of two theme platforms, which determine what designs and design-related features are available for your store.

Stencil comes with all newly created stores. Stores created before November 2016 use Blueprint, a legacy theme.

Step 1: Add Judge.me script

  1. From your BigCommerce admin, go to Storefront Design.

  2. Click My Themes and select Edit HTML/CSS.

  3. Select Other Template Files.

  4. Under Panels, select the file HTMLHead.html.

  5. At the end of the file, above </head>, add the following script :

<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>

You'd need to change:

  • INSERT YOUR SHOP DOMAIN: store-xxxxx.mybigcommerce.com

  • INSERT YOUR PUBLIC TOKEN: you can find your public token in Judge.me admin by going to Settings > Integrations > Developers > Judge.me API.

Step 2: Add the installation code

Star Ratings

Add the following script in your ProductDetails.html (for product page) and CategoryProductsItem.html (for collection page):

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

Review Widget

Add this code to your ProductDetails.html file:

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

If you need help deleting our code and files, contact our team at [email protected]. We're available to help 24/7!

Did this answer your question?