Available on the Free plan
The All Reviews Counter (previously known as the Reviews Text widget) shows your store's average rating and total number of published reviews, helping you build social proof with a minimal, distraction-free approach. It’s easy to install and fully customizable, so you can match it to your brand without disrupting your store’s layout.
Add the All Reviews Counter
To add the All Reviews Counter on your store front:
Step 1: Enable Judge.me app embed
To enable Judge.me app embed:
Go to your Shopify theme editor:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Customize.
From the menu on the left, click the App embeds icon (the third icon).
Enable the "Judge.me" app embed.
Click Save on the top right.
Step 2: Add the All Reviews Counter block
To install the All Reviews Counter in Shopify theme editor:
Go to Shopify theme editor:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit and click Customize.
From the dropdown menu at the top, select the template you want to show the All Reviews Counter.
Add the All Reviews Counter block:
On the left panel, find the section where you want to add the Verified Reviews Counter and click (+) Add section.
Go to the Apps tab
Select the Reviews Text block.
Hover over the block, hold the 6-dot icon (⋮⋮), and drag it up or down to change its position.
Click Save on the top right.
Customize the All Reviews Counter
1. Theme
To choose a theme for your All Reviews Counter:
From your Judge.me admin, go to Settings > Widgets.
Scroll down to find the All Reviews Counter card and click Customize.
In the Theme section, choose between the 2 following themes:
"Branded version", which includes:
A verified badge (checkmark inside a circle)
The average star rating displayed numerically
5 star icons
The “4.6 out of 5 stars based on 50 reviews” text
"Verified" mark with Judge.me logo
"Text-only", which includes:
5 star icons
The "Customers rate us
{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on{{ shop.metafields.judgeme.all_reviews_count }}reviews." text
Click Save.
2. Link to a Reviews page
To link your All Reviews Counter to a Reviews page:
From your Judge.me admin, go to Settings > Widgets.
Scroll down to find the All Reviews Counter card and click Customize.
Scroll down to the Design section.
Check the box next to "Link widget to All Reviews Page if available".
In the All Reviews Page URL field, enter the link to your All Reviews page.
Click Save.
3. Branded version theme: Color
If you select Branded version as the All Reviews Counter theme, to change its color:
From your Judge.me admin, go to Settings > Widgets.
Scroll down to find the All Reviews Counter card and click Customize.
Scroll down to the Color section.
Choose from the following options:
"Default counter colors" – uses the standard Judge.me color
"Custom color" – select your own colors using the color picker
Click Save.
4. Text only theme: star icons
To show the star icons in the All Reviews Counter (Text only theme):
From your Judge.me admin, go to Settings > Widgets.
Scroll down to find the All Reviews Counter card and click Customize.
Scroll down to the Design section.
Check the box next to "Add stars icons to the All Reviews Counter".
Click Save.
5. Text only theme: texts
To adjust the texts in the All Reviews Counter (Text only theme):
From your Judge.me admin, go to Settings > Widgets.
Scroll down to find the All Reviews Counter card and click Customize.
Scroll down to the Design section.
In the Text field, adjust the default texts to your likings:
Default texts: "Customers rate us
{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on{{ shop.metafields.judgeme.all_reviews_count }}reviews."Variables you can use in the Text field:
{{ shop.metafields.judgeme.all_reviews_rating|round:1 }}to show the average rating of all reviews{{ shop.metafields.judgeme.all_reviews_count }}to show the total number of reviews{{ shop.metafields.judgeme.shop_reviews_rating|round:1 }}to show the average rating of all Store reviews{{ shop.metafields.judgeme.shop_reviews_count }}to show the total number of store reviews
Click Save.
Customize the All Reviews Counter with CSS
To apply more custom styling to your All Reviews Counter:
From your Judge.me admin, go to Settings > Widgets.
Scroll down to find the All Reviews Counter card and click Customize.
Scroll down and open the Advanced section at the bottom.
In the Custom CSS (Advanced) editor, add the CSS code from the table below. The Custom CSS editor is limited to 500 characters.
Click Save.
What you want to change | CSS code |
To change the text color in the All Reviews Counter (Text only theme) | .jdgm-all-reviews-text__text { |
To change the text color in the All Reviews Counter (Branded version theme) | span.jdgm-all-reviews-text__text a { |
To remove the link underline in the All Reviews Counter | .jdgm-all-reviews-text__text a { |
To center the All Reviews Counter | .jdgm-all-reviews-text a { |