Big Commerce - Product Review Integration - Catalog Ingestion & Review Display

I. Disable BigCommerce native product review solution.

1. Navigate to your BigCommerce dashboard.

2. In your dashboard, click Advanced Settings on the left tab --> Comments --> "Built-in Settings"

3. Uncheck the product review box.

II. Product Catalog Ingestion

From your BigCommerce Dashboard, navigate to "My Themes." Under Current Theme, click on Advanced and then Edit Theme Files. Once you have entered the theme editor, navigate to templates - pages - product.html. Within the product.html file, place the following script in the header of this page:

IF USING SKUs:

<script>
var _RRPRWidget_Settings = { 
            name: "{{product.title}}",
            sku: "{{product.sku}}",
            img: "{{getImage product.main_image 'thumb_size' (cdn theme_settings.default_image_product)}}",
            url: "{{product.url}}",
            brand: "{{product.brand.name}}",
            category: "{{product.category}}",
</script>

IF USING Product.ID:

<script>
var _RRPRWidget_Settings = { 
            name: "{{product.title}}",
            sku: "{{product.id}}",
            img: "{{getImage product.main_image 'thumb_size' (cdn theme_settings.default_image_product)}}",
            url: "{{product.url}}",
            brand: "{{product.brand.name}}",
            category: "{{product.category}}",
</script>

III. Placing the Product Review Widget Script

From the same theme editor file (product.html) place the following script into the footer of this page:

IF USING SKU:

<script
src="https://www.resellerratings.com/productreviews/widget/javascript/my_store_name.js?sku={{product.sku}}"> </script>

IF USING Product.ID:

<script
src="https://www.resellerratings.com/productreviews/widget/javascript/my_store_name_Demo.js?sku={{product.id}}"> </script>

Make sure to update my_store_name in this script with your unique SEO name on ResellerRatings. This will be provided to you by your integration team.

IV. Widget Placement

Navigating back to the product.html page, place the following div tag where you want the widget to render on your page. This make take some trial and error to get it to fit in with the existing elements on your product pages.

<div id="RR_PR_Widget_Wrapper"</div>