> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.review-collect.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Customize the Product star badge

The Product star badge shows a product's rating and review count right under its title. Two settings are all it takes.

![](https://api.review-collect.com/vault/-aJsYSdg/sm3jzcLbGBSyqB3baeD1_HhPH80/ZmVS3Q../en-product-top-c.png)

## Open the badge settings

1. Go to [Product Reviews → Widget](https://app.review-collect.com/home/product-reviews/widget)
2. On the **Product star badge** card, click **Customize**
3. At the top of the **Settings** card, click **Edit**

![](https://api.review-collect.com/vault/-aJsYSdg/h8kJrO1iHCGSuNOKK0BfVLA56wo/FTTsKA../04-customize-badge.png)

## Choose the display

* **Style** — "Stars + score + review count" (the default), "Stars + review count" or "Stars only"
* **Scroll to reviews on click** — when on, a click on the badge scrolls the page down to the Product reviews widget. That widget must be on the same page.

| The badge only appears once the product has its first published review. With no review, nothing shows.

## Save and check

1. Click **Save Changes**
2. Switch the preview to **Mobile** to check how it looks on a phone

| Allow 5 to 10 minutes before you see the change on your store. The star color is set in the Brand settings: see [Show your product reviews on your store: the widgets](https://help.review-collect.com/en/article/show-your-product-reviews-on-your-store-the-widgets-1ea3kg1/).