Reviews.io BigCommerce application allows you to automate your review collection for service and product reviews.
Features:
- Automate review requests
- Automatically synchronise product catalogue
- Boost reviews by sending requests to your past customers
- Import BigCommerce product reviews *
Log into 'Reviews.io' Dashboard - https://dash.reviews.io
- Add as many BigCommerce store addresses as required (See below)
- Set invitation triggers (Product, Company, combined)
- Design invitation templates (Please ensure you have an active template)
- Set country delay
Installing the Review.io Reviews App
Access your BigCommerce admin
- Click on Apps
- Click on Marketplace
- Search for Reviews.io in the search box
- Click the Reviews.io app
- Click on Get this App
Disabling the BigCommerce Built-in Reviews System
- Log into your BigCommerce Admin page
- Click on Advanced Settings
- Click on Comments
- Click the Built-in tab
- Deselect the Product reviews checkbox
- Click save
Confirm the installation and the app will install.
REVIEW INVITATIONS ARE TRIGGERED ONCE ORDER STATUS IS CHANGED TO 'SHIPPED'
Boost reviews by sending requests to your past customers - Select date range to go back too.
- Enable the automation for new and previous orders
Installation of widgets
Product Rating Snippet (Stars and Popup widget)
Adding site wide widget Javascript
Go to BigCommerce Admin > Storefront > Script Manager
Click ‘Create Script’ and add Under the "Name of the Script" field put it reviews-rating-snippet.js and choose the following settings:
- Location on Page - Footer
- Select Pages where Script will be added - Store pages
- Script Category - Functional
- Script Type - Script
Paste the following code into the script input box. Be sure to update YOUR_STORE_ID to match the ID of your Reviews.io account.
<script src="https://widget.reviews.co.uk/product/dist.js"></script>
<script src="https://widget.reviews.co.uk/rating-snippet/dist.js"></script>
<script>
ratingSnippet("ruk_rating_snippet",{
store: "YOUR_STORE_ID",
color: "#f47e27",
linebreak: true,
text: "Reviews"
});
</script>
Adding Widget CSS
BigCommerce requires the styles are added separately so you can achieve this by going to BigCommerce Admin > Storefront > Footer Scripts.
Paste in the following line
<link rel="stylesheet" href="https://widget.reviews.co.uk/rating-snippet/dist.css" />
Adding the element for the rating snippet to be output into
Now that we’ve enabled the widget javascript and styles we need to add an element to the Product page and Category page that the rating snippet will be displayed in
Go to BigCommerce Admin > Storefront > My Themes
Under your current theme select Advanced > Edit Theme Files
Locate the Product details template, this is usually located under templates > components > products > product_view.html
Paste the following element where you want the star rating and review count to appear, we recommend adding this below the Product Price for maximum visibility of your reviews to site visitors.
<div class="ruk_rating_snippet" data-sku="{{product.sku}}"></div>
Locate the Category listing page, this is usually called card.html and located under templates > components > products > card.html
Paste the following element where you want the star rating and review count to appear.
<div class="ruk_rating_snippet" data-sku="{{sku}}"></div>
Elements Product Widget
Go to BigCommerce Admin > Storefront > My Themes
Under your current theme select Advanced > Edit Theme Files
Locate the Product details template, this is usually located under templates > components > products > product_view.html
Paste the following element where you want the Elements widget to appear
<div id="ReviewsWidget"></div>Immediately below this, add the widget Javascript, Configuration and Styles. This example is stripped back to as provide as little code as possible, additional configuration settings can be found under the Widget Library Page. Be sure to update YOUR_STORE_ID to be the ID of your Reviews.io account.
<link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/40686/revsglobal-pr-mod/style-cf.css?-c0avz5">
<script src="https://widget.reviews.co.uk/combined/dist.js?v1"></script>
<link rel="stylesheet" href="https://widget.reviews.co.uk/combined/style.css?v1">
<script>
new ReviewsWidget('#ReviewsWidget', {
store: 'YOUR_STORE_ID',
widget: 'combined-widget',
options: {
types: 'product_review',
per_page: 20,
/* Product Reviews Settings */
product_review: {
sku: '{{product.sku}}',
}
}
});
</script>To remove our BigCommerce App
Go to My Apps within Bigcommerce Admin
Click uninstall on the REVIEWS.io app
Update any scripts that have been added.