Getting Started - BigCommerce

Welcome and thank you for starting your journey with us at Stamped.io!

In just a few steps we can assist you in creating your very own UGCs.


In this guide


Disable Bigcommerce Native Widget & Migrate Reviews

  • Disable BigCommerce's widget
  1. Go to Advanced Settings › Comments.
  2. Select Built-in (or your third-party review system), then Save. Click the Built-in tab that appears along the top of the page.
  3. To disable the native product review widget, uncheck the box.
  4. Save your changes.
  • Disable BigCommerce's review request email
  1. Go to Store Setup › Store Settings and click on the Miscellaneous tab.
  2. Next to Product Review Emails, uncheck Product Email Reviews to disable reviews

  • Migrating your existing reviews from Bigcommerce

Simply install the export app to export the reviews. Using the exported review file, follow the guide here to import your reviews into our app.


Setting Up For Blueprint Themes

  • Adding Stamped.io Scripts
  1. Go to Storefront in BigCommerce Admin panel
  2. Click on My Themes
  3. Click on Edit HTML / CSS
  4. Find HTMLHead.html under the "Panels in Template" section
  5. Copy the following codes and paste it just before the "</head>" tag
<script> 
function myInit(){     
StampedFn.init({ 
apiKey: '##publicAPIKey##', // replace include # (hash)
storeUrl: '##storeUrl##' // replace include # (hash), without https:// (e.g. www.domain.com)
});
} 
</script> 
<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn-stamped-io.azureedge.net/files/widget.min.css">

Note: Replace the  ##publicAPIKey## with your account's Public API Key (pubkey-xxxxxxxxxxxxxxxxxxxxxxxxx)
##storeUrl## should be without "http" or "/"

Here's a guide to finding the API Keys in Stamped Dashboard:
How-to: Find API Keys?

  • Adding the Main Review Widget
  1. Go to Store Setup in BigCommerce Admin panel
  2. Click on Design
  3. Click on Edit HTML / CSS
  4. Find ProductDetails.html under the "Other Template Files" section
  5. Copy the following codes and paste it at the bottom of the file
<script type="text/javascript">//<![CDATA[
var div = document.createElement("div");
div.setAttribute('id', 'stamped-main-widget');
div.setAttribute('class', 'stamped-main-widget stamped-style-borderless');
div.setAttribute('data-product-id',"%%GLOBAL_ProductId%%");
div.setAttribute('data-name',"%%GLOBAL_ProductName%%");
div.setAttribute('data-url', document.URL);
div.setAttribute('data-description',"");
div.setAttribute('data-image-url', "%%GLOBAL_ThumbImageURL%%");
if ($(".stamped-main-widget-placeholder").length) {
$(".stamped-main-widget-placeholder").append(div);
} else {
$("#ProductDescription").append(div);
}
//]]></script>
  • Adding the Reviews Badge
<span class="stamped-product-reviews-badge stamped-main-badge" data-id="%%GLOBAL_ProductId%%" style="display: inline-block;"></span>

Setting Up For Stencil Themes

  1. Go to Storefront in BigCommerce Admin panel
  2. Click Script Manager
  3. Create a new script
  4. Choose the following options:
  5. - Location on page: Footer
    - Select pages where scripts will be added: All pages
    - Script type: Script

  6. Copy the following codes and paste it in the script contents:

    <script> 
    (function e(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.onload=myInit,e.src="//cdn1.stamped.io/files/widget.min.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();
    
    function myInit(){     
       StampedFn.init({ 
          apiKey: '##publicAPIKey##', // replace include # (hash)
          storeUrl: '##storeUrl##' // replace include # (hash), without https:// (e.g. www.domain.com)
       });
    } 
    </script>
    	

    Note: Replace the  ##publicAPIKey## and ## storeUrl ##  with your account's Public API Key (pubkey-xxxxxxxxxxxxxxxxxxxxxxxxx)

    ##storeUrl## should be without "http" or "/"

  7. For displaying of Stamped.io Main Review Widget, add this code in a new script:
    <script type="text/javascript">//<![CDATA[ 
    var div = document.createElement("div"); 
    div.setAttribute('id', 'stamped-main-widget'); 
    div.setAttribute('class', 'stamped-main-widget stamped-style-borderless'); 
    div.setAttribute('data-product-id',"{{product.id}}"); 
    div.setAttribute('data-name',"{{product.title}}"); 
    div.setAttribute('data-url', "{{product.url}}"); 
    div.setAttribute('data-image-url', "{{getImage product.main_image 'product'}}"); 
    document.querySelectorAll('.productView')[0].appendChild(div); 
    //]]></script>
    	
  8. For displaying of Stamped.io Rating Summary, add this code in another new script:

    <script type="text/javascript">//<![CDATA[ 
    var div = document.createElement("div"); 
    div.setAttribute('id', 'stamped-badge-widget'); 
    div.setAttribute('class', 'stamped-product-reviews-badge stamped-main-badge'); 
    div.setAttribute('data-id',"{{product.id}}"); 
    document.querySelectorAll('.productView-price')[0].appendChild(div) 
    //]]></script>
    	
  9. To add the star rating badges to the category pages, the following codes will have to be manually added into the theme files (usually in templates > components > products > card.html):
    <span class="stamped-product-reviews-badge" data-id="{{id}}" style="display:block;"></span>
    	
  10. Remember to save the settings!


Migrate Existing Reviews From Another App

Do you have existing reviews from another provider? 

Please visit our for  Migration Guide details on importing the reviews into the Stamped Platform. 


Product Page Rich Snippet

Bigcommerce platforms will require installation of a set of JSON-LD rich snippet codes, which our app can provide in the premium plan and above.

Simply send us an email at hello@stamped.io and our support team will assist you with installation of the codes.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.