Skip to main content

All Reviews Counter

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

Updated yesterday

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 Widgets > All Reviews Counter > Customize.

  2. In the Theme section, choose between the 2 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

See the steps for the new app design (coming soon)

Steps 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:

    • Branded version – Includes star icons and brand colors.

    • Text-only version – Offers a clean, minimalist look without icons.

  4. Click Save to apply your changes.

Branded version: includes star icons and colors.

Text-only version: for a minimalist look.

Customize the All Reviews Counter

Branded version

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

  1. From your Judge.me admin, go to Widgets > All Reviews Counter > Customize.

  2. In the Color section, select:

    • "Default counter colors", or

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

  3. Click Save.

See the steps for the new app design (coming soon)

Steps to change the color of the All Reviews Counter in the Branded version:

  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 panel, select Custom color (by default, it's set to Default counter colors).

  4. Choose your preferred color using the color picker or enter a hex code.

  5. Click Save to apply your changes.

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 add star icons to your All Reviews Counter in the Text only theme:

  1. From your Judge.me admin, go to Widgets > All Reviews Counter > Customize.

  2. Scroll down to Design and enable "Add stars icons to the All Reviews Counter".

  3. Adjust the Text field to your likings and click Save.

Field

Default texts

Variables

Text

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

Variables that you can use in this text:

  • 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 }}

See the steps for the new app design (coming soon)

To show star icons in your All Reviews Counter widget while using the Text only theme:

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

  2. Scroll to the All Reviews Counter block and click Customize.

  3. In the Theme panel, make sure Text only is selected.

  4. Under the Design panel, check the box Add stars icons to the All Reviews Counter.

  5. Adjust the text as desired.

  6. Click Save.
    ​

Link your All Reviews Counter to a Reviews page

To link the All Reviews Counter to your Reviews page:

  1. From your Judge.me admin, go to Widgets > All Reviews Counter > Customize.

  2. In the Design panel, check the box Link text to All Reviews Page if available.

  3. Enter the link to your Reviews page.

  4. Hit Save.

See the steps for the new app design (coming soon)

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

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

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

  3. In the Design panel, check the box Link text to All Reviews Page if available.

  4. In the input field, enter the URL path to your Reviews page.

  5. Click Save to apply your changes.
    ​

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 Widgets > All Reviews Counter > Customize.

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

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

  4. 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 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;
}

See the steps for the new app design (coming soon)

To style the All Reviews Counter widget using your own custom CSS code:

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

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

  3. Under the Advanced panel, open the Custom CSS (Advanced) editor.

  4. Add your custom CSS code in the editor box.

  5. Click Save to apply your changes.
    ​

To change the text color in the All Reviews Counter (Text only theme)

.jdgm-all-reviews-text__text {
    color: black !important;
}

Get your free trial

🚀 Start your 15-day free trial of the Awesome Plan to unlock all advanced widgets, full styling options, and integrations with Google, Meta, Klaviyo, and more.

Follow us on LinkedIn

📢 Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.

Related Articles
Adding Judge.me widgets (Stencil theme)
Customizing the Reviews Carousel
Floating Reviews Tab
Customizing the Review Widget with CSS
Verified Reviews Counter
Did this answer your question?