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
From your BigCommerce admin, go to Storefront Design.
Click My Themes and select Edit HTML/CSS.
Select Other Template Files.
Under Panels, select the file HTMLHead.html.
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 adding Judge.me widgets, contact our team at [email protected]. We're available to help 24/7!