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

# Display Star Ratings with OnVoard

###### In this article:
1. Create Star Rating
2. Edit coding in EasyStore

### Before you start:

*   Make sure you have installed OnVoard app in your EasyStore
    
*   Must connect your EasyStore account with OnVoard. Don't know how to connect? Click [here](/en/article/integrate-with-onvoard-1n1vcr8/)
    
*   Make sure you have a registered account with OnVoard. If you do not have a OnVoard account yet, [click here](https://console.onvoard.com/register/) to register
    
*   For OnVoard pricing and plans, kindly refer to this page [here](https://onvoard.com/pricing)
    
*   Above all code editing, you will need to re-edit the code again if you switch to a new theme template
    
*   We do not allow to change or edit the code for the **checkout page** (which include shipping & payment method) due to security reasons
    
---
## 1. Create Star Rating

**Step 1**: Go to [Reviews](https://console.onvoard.com/reviews-overview) > Widgets > Star Rating > Add Star rating > Submit

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-8_181igqi.png)

**Step 2**: Go back to Star Ratings > Copy the widget ID

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-9_1xb2wyo.png)

**Step 3**: Replace `STAR_RATING_ID` for snippet below with the widget ID you have copied earlier

```<div

 class="ov-app ov-app-star-rating"
 data-app-id="STAR_RATING_ID"
 data-app="star-rating"
 data-platform="easystore"
 data-product-external-id="{{ product.id }}">
</div>
```

|| **📌 Note**: Once paste the widget ID to the snippet above, copy the snippet as it will be placed in EasyStore's liquid file
---
## 2. Edit coding in EasyStore

**Step 1**: Go to EasyStore [Admin Page](https://admin.easystore.co/) > Online Store > Edit Source

**Step 2**: Select **product-grid-item.liquid** > Paste above {% if sold_out == false and product.price > 0 and settings.home_page_add_to_cart == true %} around **line 80-110** > Save

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-10_1grzeea.png)

Here's the [Demo Store](https://onvoardreviewsdemo.easy.co/) to view examples!