Install Star Rating on BigCommerce Product Page

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

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

Placement Options

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

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.