General information
One way to summarize your complete number of reviews in your shop and display the average rating is using our review badges. These can give your customers a sense of trust showing in a small space the feedback you’ve had so far.
What kind of reviews it shows :
The footer & email badge will show a list of stars filled with the aggregated rating calculated with all the reviews you have on your products, you can choose one of the three available styles.
Where it should be used in the store :
This widget is meant to be displayed on the footer of your store.
More information :
Besides basic styling options available to customize your badges you can select which URL the user will be redirected to when the badge is clicked.
Installation Instructions
Watch our tutorial video below to quickly add an All Reviews Badge to your Shopify store.
Method 1: App Blocks (Storefront 2.0)
What types of pages can the element be drag-and-dropped:
Product pages, collection pages
Watch App Blocks Tutorial Video
See the full help center article tutorial for App Blocks.
Method 2: Javascript
1. Place the footer badge
Insert the code to indicate where you want the footer badge to show. It can be any type of html element but we recommend div or span element. It needs to have the required class and data attributes as described below.
<div class="opinew-badge-plugin-dynamic"></div>
Method 3: Shopify Liquid
There are 3 designs to choose from:
Design 1
<div style="clear:both;"></div><div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['opinew_badge_wide_average'] }}</span></div>Design 2
<div style="clear:both;"></div><div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['opinew_badge_small'] }}</span></div>Design 3
<div style="clear:both;"></div><div id="opinew-reviews-all-reviews-code"><span id="opinew-shop-plugin">{{ shop.metafields.opinew['opinew_badge_wide'] }}</span></div>