Star ratings on offered products
Product offers can show each product’s star rating and review count from your reviews app, like “★★★★½ 4.6 (18)”, under the product’s name. There’s nothing to connect: Checkout Buddy reads the ratings your reviews app already saves to your products in Shopify.
It works in four places:
- Product offers in checkout: Star ratings in the Layout card (not in Bought together or Choose one)
- Product offers on product and cart pages, with the same setting. There, only Shopify’s standard Product rating and Product rating count fields are read, not an app’s own fields or yours. An offer shown only there has no Rating field or Review count field
- Thank you page Product offers
- Customer account Product offers
New offers have it on. Offers you made before stay as they were until you turn it on. A product without a rating shows no stars, so the offer looks as it did before.
Which reviews apps work
Section titled “Which reviews apps work”Most reviews apps save each product’s average rating and review count to Shopify’s standard Product rating and Product rating count fields. Checkout Buddy reads those first, then each of these apps’ own fields:
| App | What to check |
|---|---|
| Judge.me, Loox, Stamped | Nothing: they fill Shopify’s product rating. Stamped may need you to ask their support to turn it on. |
| Okendo | Turn on storefront metafield access in Okendo’s settings. Okendo keeps ratings in its own fields, and Shopify doesn’t promise other apps can read those, so stars may not show. |
| Yotpo | Its product metafield sync (review average and count). |
| Another app | Enter its fields under Rating field and Review count field. |
Your own fields
Section titled “Your own fields”These fields are for checkout, the thank you page and customer accounts. Leave Rating field and Review count field empty to find ratings automatically. To read another app’s fields first, enter each as a product metafield, namespace.key, such as myreviews.average. Its value can be a number from 0 to 5, or a Shopify rating. When a product has nothing there, the automatic fields are tried next.
Star color
Section titled “Star color”Star color picks the stars’ color: Icon color, Gold, Green or Red.
In checkout, on the thank you page and in customer accounts:
- Icon color: your checkout’s icon color, usually gray. Offers you made before use it.
- Gold, Green or Red: your checkout’s Warnings, Success and Errors colors.
Checkout doesn’t let apps choose any color, so the stars use one of your checkout’s own colors. On Shopify Plus, change them under Branding → Message colors: the gold is Warnings. Shopify’s own warning messages use that color too.
On product and cart pages:
- Gold, Green and Red are set shades.
- Icon color is your theme’s text color.
The check under the fields
Section titled “The check under the fields”With Star ratings on, the editor looks at your products and says what it found:
- “Found ratings in Shopify (reviews.rating) on 3 of your 4 picked products.” Stars will show.
- “Storefronts can’t read them yet, so no stars will show.” Click Turn on Storefronts access under the message. Or, in Shopify admin, go to Settings → Custom data → Products, open the field it names, such as Product rating, and turn on Storefronts access.
- “No ratings found…” Your reviews app hasn’t saved ratings to Shopify yet, or uses fields Checkout Buddy doesn’t know. Enter them under Rating field.
On an offer shown only on product and cart pages, it checks only Shopify’s product rating, such as “Found ratings on 3 of your 4 picked products.” If it finds none, check that your reviews app saves ratings to Shopify’s product rating.
It checks the products you picked, or, for recommended products and collections, your 25 most recently updated products.
Things to know
Section titled “Things to know”- Storefront access matters. Checkout, the thank you page and customer accounts can only read fields with Storefronts access. A rating you see in the Shopify admin can still show no stars without it.
- Star colors: checkout uses your checkout’s colors; product and cart pages use set shades. See star color.
- No stars in Bought together or Choose one. Those layouts don’t draw them.
- Ratings are read once per page, in their own request. If they can’t load, the offer shows without stars.