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 product ID?

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 at the top and copy the number that comes 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 then select "Copy link address" to get the image URL

Get image URL

Remember to Save all things you have done.

If you have any questions, please let us know via live chat or email.

Did this answer your question?