All Collections
Shopify
Install & Upgrade
Show star ratings on your Shopify product page
Show star ratings on your Shopify product page

This article will show you how to display star ratings on the Shopify product page.

Yen Ma avatar
Written by Yen Ma
Updated over a week ago

Requirements

In this tutorial, you will need the following requirements:

It would be great if you have star ratings on your Shopify product 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 page, please make sure you have installed Ryviu app in your store.

You can show star ratings on your Shopify product page by adding the snippet code. Here’re details that guide you on how to add the snippet code to display stars rating on the product page:

STEP 1: Go to your Online store -> Themes -> Find the Theme that you want to add code -> Action -> Edit Code.

 Edit Shopify themes

STEP 2: Then click Action -> Edit Code.

Edit Shopify theme code

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

{{ product.title }}

STEP 4: Copy the code below and paste it under the code above

<!-- 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:

Add code of star ratings

Remember to Save what you have done.

Here is how it looks in the front end.

Show star ratings on the Shopify product page

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

If you have any questions, please feel free to contact us via email or live chat.

Did this answer your question?