Star rating badge

Last updated: April 17, 2026

The star rating badge is a smaller, simpler widget that shows just the product’s star rating and review count. It’s a theme-extension block you add to product pages — typically near the title — to give shoppers a quick social-proof glance without expanding into the full review widget.

What it looks like

Screenshot of the star rating badge on a product page — manual capture, drop in here.

The default format is:

★★★★½  42 reviews

Stars plus pluralised review count. Clicking it scrolls to the review widget further down the page.

When to use it

  • Near the product title — the quick social-proof glance before a shopper scrolls to features
  • Above the “Add to cart” button — closer to the decision point
  • Anywhere else on the product page where a compact rating is useful

Note: the badge is currently product-page-only — Shopify theme extensions declare the templates they’re allowed on, and this block is scoped to product. Showing ratings on collection pages, the homepage, or cart upsells is on our roadmap but not live today.

Installing the badge

  1. Open your theme editor (Online Store → Themes → Customize)
  2. Pick any product
  3. In the sidebar, click Add section or Add block at the spot you want the badge
  4. Choose BetterReviews Star Rating
  5. Position and save

Screenshot of the theme editor showing the star rating badge added to a product page — manual capture, drop in here.

Products with no reviews

The badge has a Visibility setting:

  • Hide when empty (default) — the badge disappears entirely on products with no approved reviews. Clean product pages, no dangling empty states.
  • Always show — renders with empty grey stars and the customisable “No reviews” text. Useful if you want the badge placement consistent across products.

Customising the badge

From the theme editor, the badge block has a small settings panel:

  • Display mode — “Stars and text” (default) or “Stars only”
  • Rating text — template for the count line. Default {count} review/reviews (handles pluralisation). Placeholders: {count}, {review/reviews}.
  • No-reviews text — what to show when visibility=Always and there are no reviews. Default No reviews.
  • Font scale — slider from 0.7× to 1.5× with five labeled tiers (Smaller / Small / Default / Large / Larger)
  • Star color — defaults to yellow (#eab308). Override with a hex of your choice.
  • Text color — separate from star color
  • Alignment — Left / Center / Right

Screenshot of the badge settings panel — manual capture, drop in here.

SEO

The badge emits its own AggregateRating JSON-LD whenever a product has at least one approved review, so your star ratings show up in Google’s rich results even on product pages that don’t carry the full review widget.

If you have both the badge and the main widget installed on the same product page, Google deduplicates structured data — no penalty, no Search Console noise. Pair or don’t pair; both options are safe.