With Shopify Online Store 2.0 themes, you can easily add the Star Rating Badge through the Shopify theme editor—no coding required. This guide walks you through the process step by step.
How to add the Star Rating Badge on product page
Step 1: Enable Judge.me app embed
To enable Judge.me app embed:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit.
Click Edit theme.
In the left menu, click the App embeds icon (the third icon).
Enable Judge.me app embed.
Click Save on the top right.
Note:
If you see the error "App embeds missing from live theme" but you already enabled the app embed, you can safely ignore the error or click the X on the right to close the message.
Step 2: Add the Star Rating block
To install the Star Rating Badge in Shopify theme editor:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit.
Click Edit theme.
At the top of the theme editor, open the template dropdown in the middle.
Select Products, then select Default product.
On the left panel, inside Template, find the Product information section.
Click the right-arrow icon (>) on its right to open it.
Find the Title or Product title block.
Hover under the block and click the + icon.
Open the Apps tab.
Select the Star Ratings block.
(Optional) Hover over the block, hold the 6-dot icon (⋮⋮), and drag it up or down to change its position.
Click Save on the top right.
Note:
By default, the Star Rating Badge will be hidden if the product has no reviews, but you can choose to show the Star Rating Badge on a product without reviews.
Disable your theme’s default star ratings
By default, your theme may display its own star rating badge. These theme stars are solid black with sharp points, followed by the total number of reviews in parentheses.
Since these are not our Star Rating Badge, Judge.me settings (such as color changes) will not affect them. To change the star color, you’ll need to disable the theme’s default stars and add the Judge.me Star Ratings badge instead.
If your Judge.me Star Rating Badge is also enabled, the two sets of stars will appear duplicated on the product page. In this case, simply disable the theme’s default stars to remove the duplicate.
To disable the theme’s default star rating badge on the product page:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit.
Click Edit theme.
At the top of the theme editor, open the template dropdown in the middle.
Select Products, then select Default product.
On the left panel, inside Template, find the Product information section.
Click the right-arrow icon (>) on its right to open it.
Find the Product rating block.
Hover over the block and click the Trash can icon to remove it.
Click Save on the top right.
Troubleshoot
"preview_badge" not added. There is a problem with the app block
"preview_badge" not added. There is a problem with the app block
If you click the Install button when going to Settings > Widgets > Star Rating Badge, you might see a red error message in Shopify theme editor: "preview_badge" not added. There is a problem with the app block. Contact the app developer.
This error means that we weren't able to automatically add the Star Ratings block into your theme.
You can safely ignore this message and manually add the Star Ratings block using your Shopify theme editor instead.
Failed, click to try again
Failed, click to try again
During the onboarding Install the Star Ratings Badge step, after clicking the Install Star Ratings button, if you run into this error message: "Failed, click to try again", it means we detect that the Star Ratings block isn't added to your theme.
To fix this error, you can click the Failed, click to try again button, and make sure to click Save in the Shopify theme editor screen.
If you have already clicked Save but the issue persists, you can safely skip to the next step of the onboarding:
From the onboarding screen, click Continue.
Then click Skip step to skip that specific step and proceed with the rest of the onboarding.
I see 2 sets of star ratings
I see 2 sets of star ratings
After adding the Star Rating Badge, if you see multiple sets of the same star ratings on your product page and they look exactly the same, it could be because the Star Ratings block was added twice.
To remove the extra Star Rating block:
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit.
Click Edit theme.
At the top of the theme editor, open the template dropdown in the middle.
Select Products, then select Default product.
On the left panel, inside Template, find the duplicated Star Rating block.
Click the Trash can icon to remove it.
Click Save on the top right.
The Star Rating Badge is not clickable
The Star Rating Badge is not clickable
When you click the Star Rating Badge, if it doesn't jump to the review section of that product, it's likely that the Review Widget is not installed.
To make the Star Rating Badge clickable and shows the reviews of that product, make sure to install the Review Widget.