Install Star Rating on WooCommerce

Follow instructions below to install star rating on WooCommerce. 

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. 

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

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

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

Custom Placement

There are 2 ways you can manually install reviews widget. 

Shortcodes

Use the following shortcode for star rating. Replace ID with star rating ID. 

// product_id is optional for most cases. 
// It will be required if we can't auto detect product
[onvoard_star_rating id="12345"]
[onvoard_star_rating id="12345" product_id="12345"]

Paste it to section where you want display widget.

Render Function

If you are familiar with php, you can call render function directly to display widget. In this example, we are using visual hook to render widget display. Replace ID with star rating  ID. 

add_action('woocommerce_single_product_summary', 'render_onvoard_star_rating');

function render_onvoard_star_rating() {
  if (class_exists('OnVoardRender')) {
    OnVoardRender::onvoard_star_rating(array(
      "id" => "12345"
    ));
  }
}

See how you can use code snippets to add render function.