Follow this guide to quickly start collecting your product reviews. It covers the integration of WeSay app into your BigCommerce store. Reviews Widget, Questions Tab, Carousel widget, badge, post purchase, review emails and more.

1. Disabling the Built-in Reviews System

1. Log into your BigCommerce Admin page
2. Click on Advanced Settings
3. Click on Comments
4. Click the Built-in tab 
5. Deselect the Product reviews checkbox and click the Save button.

Disabling the Built-in Review Requests Sent to Customers

1. Click on Store Setup
2. Click on Store Settings
3. Click the Miscellaneous tab
4. Deselect the Product Review Emails checkbox and click the Save button.

2. Installing the WeSay JavaScript Widget

1. Access your BigCommerce admin
2. Click Storefront
3. Go to Script Manager
4. Under the “Name of the Script” field put it WeSay.JS and choose the following settings:

• Location on Page – Header
• Select Pages where Script will be added – All pages
• Script Category – Essential
• Script Type – Script

5. Paste the JS script and the initialise code. Take it from WeSay console -> displays -> js widget

<script src="https://scripts.wesay.life/widget/v1.1/reviews-widget.js" type="text/javascript"></script>

<script type="text/javascript">
    WeSay.init('your token');
</script>

4. Installing the Reviews Widget on Product Pages

1. Click on Storefront
2. Click on My Themes
3. Click on Advanced > Make a Copy and give it some name
4. Once the theme is copied, click on Edit Theme Files.

1. Open the Theme Editor in your BigCommerce admin
2. Click Templates > Components > Products > product-view.html or product.html
3. Paste the following code under the last line of code in the file and click Save.

<script type="text/javascript">
    WeSay.reviews({
        productId: '{{ product.id }}',
        productName: '{{ product.title }}',
        productUrl: '{{ product.url }}',
        productImageUrl: '{{getImage product.main_image}}',
    });
</script>
<div id="WeSayReviews"></div>

5. Installing the Badge Star Rating on Product Pages

1. Click on Storefront
2. Click on My Themes
3. Click on Advanced
4. Click on Edit Theme Files
5. Click Templates > Components > Products > product-view.html or single-details.html
6. Copy from WeSay console badges page, Paste the following code under the *productView-title element and click Save.

<script type="text/javascript">
    WeSay.productRating({
        productId: '{{ product.id }}',
    });
</script>
<div id="WeSayProductRating"></div>

6. Installing the Reviews Carousel

1. Open the Theme Editor in your BigCommerce admin
2. Click Templates > pages > checkout.html 
3. Paste the carousal widget code above the footer section and click Save.

7. Installing the Conversion Tracking Code

1. Access your BigCommerce admin
2. Click on Advanced Settings -> web analytics
3. Check the Affiliate Conversion Tracking checkbox.
4. Click on tab Affiliate Conversion Tracking
5. Paste the following code into the box and click Save.

<script src="https://scripts.wesay.life/widget/v1.1/reviews-widget.js" type="text/javascript"></script>

<script type="text/javascript"> 
WeSay.init('Your WeSay Token');
</script>

<script>
fetch('/api/storefront/order/%%ORDER_ID%%', {credentials: 'include'})
.then(function(response) {
return response.json();
})
.then(function(myJson) {
      WeSay.event({
        event: "purchase",
        props: {
               bigcommerce: myJson
        },
      });
});
</script>

That’s all you need to know for now to get you started! if you require more in-depth explanation on the various functions and features our support team is always available through email at support@wesay.life 🙂