> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.alireviews.io/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).

# Displaying and customizing Review Badge

Displaying review badges that show the average star rating of your store or a product, enhances authenticity and credibility, thereby encouraging informed purchasing decisions. This article provides a step-by-step guide on adding the Review Badge via the app block and quickly customizing it in the theme editor.

## On this page

* [Add Review Badge block in the theme editor](#2-add-review-badge-block-in-the-theme-editor)
* [Customize the Review Badge widget](#2-customize-the-review-badge-widget)

|| **Heads-up**: Before customizing the widget, you need to [enable Ali Reviews Core Snippet](https://support.fireapps.io/en/article/initial-setup-guidelines-1tpnsoq/#2-enable-app-embed). To let the widget appear on your storefront, remember to toggle it on at the top right corner of the Review Badge widget settings page in the Ali Reviews app.

## Add Review Badge block in the theme editor

**Steps**

1. From the Ali Reviews dashboard, navigate to the side menu on the left, click **Show Reviews**.
2. In the Review Badge section, click the button **Customize** next to it. This will open the theme editor in a new tab.

![](https://storage.crisp.chat/users/helpdesk/website/51849c8de000cc00/1-from-show-reviews_4q0ccu.jpg)

Another way to access the theme editor and add the Review Badge via the app block in the theme:

1. From the Shopify Sales channels, click **Online store** > click **Customize** in the current theme section. This will open the theme editor.

![](https://storage.crisp.chat/users/helpdesk/website/51849c8de000cc00/2-open-theme_17f82q2.jpg)

2. In the theme editor, select one page you want to add the Review Badge on: Homepage, product page, or collection page.
3. On the left sidebar, click **Add block** > **Apps** > search “Ali Reviews” > select **Review Badge Ali Reviews**. 
4. You can also drag and drop the Review Badge widget to the position you want.

![](https://storage.crisp.chat/users/helpdesk/website/51849c8de000cc00/3-add-widget_1ne5zen.jpg)

## Customize the Review Badge widget

The Review Badge widget customization allows you to adjust various settings to display the average star rating of product(s) effectively.

**Reviews Selection**

1. **Select template**: Select from Highlight, Minimal, Shield, Power, Trust, or Ingenious.
2. **Verified text**: Maximum 16 characters.
3. **Select products (optional)**:
 * **Default**: If you skip this step, the system will:
+ Show the average rating of the viewed product on product pages.
+ Display the average rating of all reviews on other pages.
* **Specific products**: If you choose to select specific products:
+ The system will show the average rating for the selected products (up to 10).
4. **Scaling**: Adjust the size of the review badge to fit your store's style.
5. **Manage app**: Open the Ali Reviews app for management options.
6. **Remove block**: Delete the Review Badge widget from the display.

![](https://storage.crisp.chat/users/helpdesk/website/51849c8de000cc00/4-customize_1jnbs7e.jpg)

After adding the Review Badge and customizing it, remember to click **Save** to show this widget in your store.

|| **Tip**: Read this [article](/en/article/upgrading-to-the-new-version-of-review-widgets-1mzo4ly/) for more information about upgrading to the new version of review widgets.

If you need more help, please feel free to contact us via live chat or email us at support@alireviews.io

**Related articles**
* [Customizing and displaying Carousel](/en/article/displaying-and-customizing-carousel-1alw4x8/)
* [Adding the Review Box via app block](/en/article/adding-the-review-box-via-app-block-zw1k8o/)