I. Disable BigCommerce native product review solution.

Graphical user interface, application, Teams

Description automatically generated
  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. Adding the Product Review Scripts for Catalog Ingestion and Review Display

  1. Click on Advanced Settings to take you back to the main menu

  2. Click Script Manager

  3. Click Create New Script

4. Make sure the settings follow the guide above.

5. Place the following script:

<script src = "https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>



var productDetailsTab = document.querySelector('section.product-data');
if(productDetailsTab != null)
{


var RRWidgetWrapper = document.createElement('div');
RRWidgetWrapper.setAttribute('id', 'RR_PR_Widget_Wrapper');
productDetailsTab.appendChild(RRWidgetWrapper);
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}}",
onclick: function(e) {
var panel2 = document.getElementById('PR_link');
panel2.click();
document.getElementById('RR_PR_Frame_Wrapper').scrollIntoView();
return false;
},
};

var productTabs = document.querySelector('ul.tabs');
var productTabContents = document.querySelector('div.tabs-contents');


if(productTabs != null && productTabContents != null )
{
var RRReviewsTabLi = document.createElement('li');
RRReviewsTabLi.setAttribute('class','tab');

var RRReviewsTabAnchor = document.createElement('a');
RRReviewsTabAnchor.setAttribute('class','tab-title');
RRReviewsTabAnchor.setAttribute('href','#tab-reviews');
RRReviewsTabAnchor.setAttribute('id','PR_link');
RRReviewsTabAnchor.textContent = 'Reviews';

RRReviewsTabLi.appendChild(RRReviewsTabAnchor);
productTabs.appendChild(RRReviewsTabLi);

var RRReviewsContent = document.createElement('div');
RRReviewsContent.setAttribute('class', 'tab-content');
RRReviewsContent.setAttribute('id', 'tab-reviews');
RRReviewsContent.setAttribute('aria-hidden', 'true');

var RRReviewsWrapper = document.createElement('div');
RRReviewsWrapper.setAttribute('id', 'RR_PR_Frame_Wrapper');

RRReviewsContent.appendChild(RRReviewsWrapper);
productTabContents.appendChild(RRReviewsContent);

(function() {
var s=document.createElement('script');s.type='text/javascript';s.async=true;
s.src="https://www.resellerratings.com/productreviews/widget/javascript/YOUR_SEO_NAME.js?sku={{product.sku}}";var ss=document.getElementsByTagName('script')[0];
ss.parentNode.insertBefore(s,ss);
})();

}


}
</script>

6. Make sure to update YOUR_SEO_NAME at the bottom of this script with your unique SEO name for ResellerRatings. Please contact your account manager to receive this information.

7. Click Save

Did this answer your question?