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

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


Demo Store

View demo store to see the widgets live in BigCommerce store.

 

Placement Options

Product Page (Auto) - Select this if you want OnVoard to automatically place widget at product page. 

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

screenshot-2021.10.27-11_25_34.png

Copy ID for star rating and replace STAR_RATING_ID with it for the following snippet.

<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, edit BigCommerce theme and locate product view: 

  • templates/components/products/product-view.html

Search for productView-title element. Then paste snippet after it.

screenshot-store-2021.10.27-11_40_46.png

This should position star rating just below product title element in product page.

 

Star rating not showing for some products?

Go to products page and check if product has been imported to our system. If product has not imported, we won't display star rating.

 

Need help installing?

If you need additional help to install, you can contact us.