1. Home
  2. Review Widgets
  3. Footer & Email Badge Help Guide

Footer & Email Badge Help Guide

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

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>
Updated on September 18, 2023
Was this article helpful?

Related Articles

Leave a Comment