Install Star Rating on Shopify Product Page

Follow instructions below to install star rating on Shopify Product Page. 

To start, go to star ratings page and add star rating.

Placement Options

Product Page (Auto) - Select this if you want OnVoard to automatically place widget at product page. Keep in mind that this method may not work for every themes. If auto placement doesn't work, use Custom Placement instead.

Product Page (Selector) - Use placement tool to visually insert widgets into your site without any technical work. See guide for selector placement.

Custom Placement - Manually install widget. Use this as fallback if all other placement methods doesn't work.

Custom Placement

Click Show Code to get widget snippet. Snippet should look something like this:

<div
 class="ov-app ov-app-star-rating"
 data-app-id="STAR_RATING_ID"
 data-app="star-rating"
 data-product-external-id="{{ product.id }}">
</div>

Next, locate product template file

• sections/product-template.liquid
• templates/product.liquid

Search for an element with this code: itemprop="name"

Then paste snippet after that element.