# Star ratings on Shopify

It would be great if you have star ratings on your Shopify product page and shop page. Because they can help you build trust in your products and drive more sales to your shop. To have this feature on your Shopify product and shop page, please make sure you have [installed Ryviu app](https://docs.ryviu.com/en/articles/1057949-how-to-install-ryviu-app-on-your-shopify-store) in your store.

### I. Show star ratings on Shopify product page

You can show star ratings on your Shopify product page by adding the snippet code.

Here’re details guideline on how to include the snippet code to display star rating on the product page:

**STEP 1**:

Go to your **Online store** -> **Themes** -> Select the Theme that you want to add code

![](/files/-MJ_IBhnSgB-rcDTjHR-)

**STEP 2**:

Then click **Action** -> **Edit Code**.

![](/files/-MJ_I87q3elqhN_6VEmO)

**STEP 3**:

Find **product-template.liquid** or **product-meta.liquid** file, and then find the following code snippet:

```markup
{{ product.title }}
```

**STEP 4**:

Copy the code below and paste it under the code above

```markup
<!-- RYVIU APP :: WIDGET-TOTAL -->
<div class="review-widget">
    <ryviu-widget-total reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product.id}}" handle="{{product.handle}}"></ryviu-widget-total>
</div>
<!-- / RYVIU APP -->
```

After the steps above, we will have some lines of codes like this:&#x20;

![](/files/-MJ_IYjJh_I3RfKW41bo)

Remember to **Save** what you have done.

Here is how it looks in the front end.

![](/files/-MJ_Iaf7Cx6wGrvoohkf)

You can take a look at this video to see the detailed process.

{% embed url="<https://youtu.be/IQs_3J_ubUE>" %}

### II. Show star ratings on Shopify Shop page

Here is the detailed guideline on how to add the code snippet to display star ratings on the collection page:

* Similar to the process above, navigate to your **Online store** -> **Theme** -> Select the Theme that you want to add the code -> **Action** -> **Edit Code**.
* Open **product-card-grid.liquid** or **product-card.liquid** or **product-grid-item.liquid** or **product-thumbnail.liquid** or **product-info.liquid** file **(*****each theme has a different name's file*****)** in **Snippets**, then find the code as follow:

```markup
{{ product.title }}
```

* Copy the code below and paste under the code above

```markup
<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->
<div class="ryviu-collection">
	<ryviu-widget-total collection=1 reviews_data="{{product.metafields.ryviu.product_reviews_info  | escape  }}" product_id="{{product.id}}" handle="{{product.handle}}"></ryviu-widget-total>
</div>
<!-- RYVIU APP -->

```

![](/files/-MJ_GXwVcFZGp6Xd_r48)

Here is how it looks on the front end:&#x20;

![](/files/-MJ_G_RA3AGx25K76HXq)

Please take a look at this video to get more details.

{% embed url="<https://youtu.be/L27NyamM-Aw>" %}

If you have any questions, please feel free to contact us via live chat.<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ryviu.gitbook.io/ryviu-document/free-features/customer-reviews/star-ratings-on-shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.