In this article:

a. Create Star Rating

b. 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


a. Create Star Rating

Step 1: Go to Reviews > Widgets > Star Rating > Add Star rating > Submit

Step 2: Go back to Star Ratings > Copy the widget ID

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

<div
class="ov-app ov-app-star-rating"
data-app-id="STAR_RATING_ID"
data-app="star-rating"
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 liquid file


b. Edit coding in EasyStore

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

Step 2: Select product-grid-item.liquid > Paste above {% if sold_out == false and product.price > 0 and settings.home_page_add_to_cart == true %} around line 80-110 > Save

Here's the Demo Store to view examples!

Related articles:

Integrate with OnVoard

Use OnVoard to send Checkout Abandonment Email

Use OnVoard to send Cart Abandonment Email

Use OnVoard to send Browse Abandonment Email
Collect Product Reviews with OnVoard
Display Product Reviews with OnVoard

Did this answer your question?