Skip to main content

All Reviews Counter

Showcase your store’s overall review score and build trust with new shoppers.

Updated over a week ago

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.

Choose a theme for the All Reviews Counter

To choose a theme for your All Reviews Counter:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to the All Reviews Counter card and click Customize.
    ​

  3. In the Theme section, choose between the 2 following themes and click Save:

Theme

How it looks

Branded version

The branded All Reviews Counter typically includes these elements by default:

  • A verified badge (checkmark inside a circle) indicating the reviews are verified

  • The average star rating displayed numerically

  • 5 star icons

  • The “4.6 out of 5 stars based on 50 reviews” text

  • A "Verified" mark with Judge.me logo

Text-only

The text-only All Reviews Counter typically includes these elements by default:

  • 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

Customize the All Reviews Counter

Branded version theme

To change the color of the All Reviews Counter in the Branded version theme:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to the All Reviews Counter card and click Customize.
    ​

  3. In the Color section, select:

    • "Default counter colors", or

    • "Custom color" and choose a color you prefer.

  4. Click Save.

Note: the Judge.me verified checkmark is included in the branded version by default. Learn how to adjust the Judge.me branding of all widgets.

Text only theme

To customize the All Reviews Counter in the Text only theme:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to the All Reviews Counter card and click Customize.
    ​

  3. To add star icons to your All Reviews Counter:

    • Scroll down to the Design section.

    • Enable "Add stars icons to the All Reviews Counter".

    • Click Save.

  4. To adjust the texts of the All Reviews Counter:

    • Scroll down to Design section.

    • Adjust the Text field below to your preference and click Save:

Field

Default texts

Variables to use in the field

Text

Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.

  • Average rating of all reviews: {{ shop.metafields.judgeme.all_reviews_rating|round:1 }}

  • Total number of reviews: {{ shop.metafields.judgeme.all_reviews_count }}

  • Average rating of all Store reviews: {{ shop.metafields.judgeme.shop_reviews_rating|round:1 }}

  • Total number of store reviews: {{ shop.metafields.judgeme.shop_reviews_count }}

Link your All Reviews Counter to the All Reviews page

To link the All Reviews Counter to your All Reviews page:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to the All Reviews Counter card and click Customize.
    ​

  3. In the Design section:

    • Enable "Link text to All Reviews Page if available".

    • Enter the link to your Reviews page.

  4. Click Save.

Customize the All Reviews Counter with CSS

To apply more custom styling to your All Reviews Counter:

  1. From your Judge.me admin, go to Settings > Widgets.

  2. Scroll down to the All Reviews Counter card and click Customize.
    ​

  3. Scroll down to Advanced and open the Custom CSS (Advanced) editor.

  4. Add in the CSS code from the table below.

  5. 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 {
    color: black !important;
}

To change the text color in the All Reviews Counter (Branded version theme)

span.jdgm-all-reviews-text__text a {
    color: #108474;
}

To remove the link underline in the All Reviews Counter

.jdgm-all-reviews-text__text a {
    text-decoration: none;
}

To center the All Reviews Counter

.jdgm-all-reviews-text a {
    	justify-content: center;
}
Related Articles
Customizing the Reviews Carousel
Floating Reviews Tab
Verified Reviews Counter
Review Snippets widget
Customizing the Reviews Carousel with CSS
Did this answer your question?