All Collections
FAQs and Troubleshooting
Ryviu App
Add Ryviu snippet code to display reviews of a product on a non-product page of your store
Add Ryviu snippet code to display reviews of a product on a non-product page of your store

This tutorial will show you how to add Ryviu snippet code on a non-product page of your store.

Dan Dong avatar
Written by Dan Dong
Updated over a week ago

In Ryviu, you can include code snippets on the non-product page. If you want to add Ryviu snippet codes to display reviews on a single product on every page, you can follow the instruction below.

Add this one in the review widget to display reviews of a product:

Ryviu widget
<div class="lt-block-reviews"> 
<ryviu-widget
product_id="{{product.id}}"
handle="{{product.handle}}"
title_product="{{product.title}}"
image_product="{{ product.featured_image.src | img_url: '100x' }}">
</ryviu-widget>
</div>

But please replace these values in snippet codes above:

  • {{product.id}} by your product ID

  • {{product.handle}} by your product handle

  • {{product.title}} by your product name

  • {{ product.featured_image.src | img_url: '100x' }} by URL of thumbnail image of your product‌

Example code will be like this:

<div class="lt-block-reviews"> 
<ryviu-widget
product_id="66669999"
handle="handle-of-this-product"
title_product="This is name of product"
image_product="https://your-image-domain.con/image.png">
</ryviu-widget>
</div>

How to get the ID of a product?

I. For Shopify:

  1. To get the Product ID Number, log in to your Shopify store admin > navigate to Products

  2. Click on the product that you want to get the Product ID Number.

  3. Go to the URL and copy the number after '…/ products/ as below.

Get Shopify product ID

II. For Woocommerce:

Login to your WordPress admin > open Products section > hover on a product then you can see the product ID

Get WooCommerce product ID

How to get the product handle/slug?

Please refer to this tutorial to get the product handle.

How to get an image URL of the product?

Open your product > right-click on an image, and select "Copy link address" to get the image URL

Get image URL

Remember to Save all things you have done.

Please let us know via live chat or email if you have any questions.

Did this answer your question?