How to Add a Star Rating to Shopify Product Pages
The star summary near the title is one of the most-looked-at elements on a product page. How to add it on Shopify so both shoppers and Google can see it.
Where should the star rating sit on a product page?
Put the star summary directly beneath the product title or price, the spot a buyer reads first. This is a compact line: the average rating, the star glyphs, and the review count, with nothing else competing for attention. It answers the quiet question every shopper asks before they read another word, which is whether other people bought this and were glad they did.
The summary should be a link, not a dead label. A click or tap on it jumps the shopper down to the full review section, so the rating doubles as navigation.
- Average rating to one decimal, for example 4.7.
- Star glyphs that read at a glance, including half stars.
- Review count, so the average has weight behind it.
- An anchor link down to the full reviews.
How do I add the star block in the Shopify theme editor?
Most review apps ship two pieces: a star-rating badge for the top of the page and a full review widget for lower down. In the theme editor, open a product template, then add the app block for the badge inside the product information group, above or just below the title and price.
If you are on a vintage theme without sections everywhere, you may need to paste a small snippet into the product template by hand. Keep the badge and the full widget as separate blocks so you can position each one independently.
Why must the rating be in the server HTML, not just the widget?
A rating that only appears after a script runs is visible to the shopper but often absent for everyone else. Google and the systems behind AI answers read the HTML the server sends first. If your stars are painted in by JavaScript after load, a crawler can arrive at an empty container and record no rating at all.
A rating rendered in the server HTML is eligible for rich snippets in search results and for citation in AI answers. The same line of stars then does three jobs at once: it reassures the shopper, it can carry your stars into Google, and it gives an answer engine something concrete to quote.
Does the star rating need real reviews behind it?
Yes. A rating is only eligible for a rich snippet when it is backed by visible, marked-up reviews on the same page. A floating average with no reviews underneath it is the kind of thing Google treats as a violation, and it gives a shopper nothing to read past the number.
The summary at the top and the reviews lower down are one system. The top line is the headline; the review section is the evidence. Both have to be present, and both have to be in the page HTML, for the rating to count.
- Individual reviews rendered on the product page, not only a score.
- Review markup (AggregateRating plus Review) in the server HTML.
- Consistency between the badge average and the marked-up average.
How do I check that Google can read my new rating?
Use a structured-data test before you trust it. View the page source (the raw HTML, not the rendered DOM) and search for the rating value and your review schema. If the number is there in the source, a crawler can see it. If it only appears in the live inspector after scripts run, that is the warning sign.
After that, run the URL through a rich-snippet preview and a schema validator to confirm the AggregateRating is recognised and warning-free. Search results refresh on Google's own cadence, so stars in the SERP can take days to weeks to appear even once everything validates.
Why does my rating show on the page but not in Google?
Almost always because the stars are rendered by the widget rather than written into the server HTML. The shopper sees them; the crawler sees an empty slot. The other common causes are review markup that is missing or invalid, and an average with no individual reviews behind it to support it.
Most review apps were built for the on-page shopper and stop there: stars that look right in the browser but never make it into the HTML Google and AI engines actually read. Getting the reviews you already have readable, corroborated, and cited in search and in AI answers is the gap BetterReviews is built to close.
What this adds up to
A star rating earns its place when it is positioned, linked, and readable. Positioned means it sits under the title or price, where the shopper looks first. Linked means tapping it jumps to the reviews. Readable means the rating and the reviews behind it are in the server HTML, marked up and consistent, so the same stars that reassure a shopper can also reach Google and an answer engine.
- Where is the best place to put a star rating on a Shopify product page?
- Directly under the product title or price, as a compact line that links down to the full reviews. That is the first thing a shopper reads, and a click on it should jump to the review section so the summary doubles as navigation.
- Why is my Shopify star rating not showing in Google?
- Usually because the stars are painted in by JavaScript rather than written into the server HTML, so the crawler sees an empty container. The other common causes are missing or invalid review markup, and an average with no individual reviews on the page to back it.
- Can I add a star rating without a review app?
- You can hard-code stars, but a static average with no real reviews behind it is not eligible for a rich snippet and gives shoppers nothing to read. A genuine rating needs collected reviews, rendered on the page and marked up, which is what a review app provides.
- Do I need schema markup for the star rating?
- Yes, if you want the stars to appear in Google. The rating needs AggregateRating and Review markup in the server HTML, backed by visible reviews on the same page. Without valid markup the stars stay on your page and never reach the search result.