Articles on: Online Store (Website)

Display Product Reviews with OnVoard

In this article:
  1. Create Reviews Widget
  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
  • Make sure you have a registered account with OnVoard. If you do not have a OnVoard account yet, click here to register
  • For OnVoard pricing and plans, kindly refer to this page here
  • 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 Reviews Widget


Step 1: Click Review > Widget > Review Widget > Add widget > Submit



Step 2: Go back to Review Widget > Copy the widget ID



Step 3: Replace REVIEWS_WIDGET_ID for snippet below with the widget ID you have copied earlier


<div
class="ov-app ov-app-reviews-widget"
data-app-id="REVIEWS_WIDGET_ID"
data-app="reviews-widget"
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 theme

2. Edit coding in EasyStore


Step 1: Go to EasyStore Admin Page > Online Store > Edit Source


Step 2: Select product.liquid > Paste below {% app_snippet 'product/description_bottom' %} around line 170 -180 > Save



Here's the Demo Store to view examples!

Updated on: 06/10/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!