Install Reviews Widget on WooCommerce

Follow instructions below to install reviews widget on WooCommerce Product Page. 

To start, go to reviews widget page and add reviews widget.

Placement Options

Product Page (Auto) - Select this if you want OnVoard to automatically place widget at product page. We will place snippet at bottom of 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

Click Show Code to further instructions. There are 2 ways you can manually install reviews widget. 

Shortcodes

Use the following shortcode for reviews widget. Replace ID with reviews widget ID. 

// product_id is optional for most cases. 
// It will be required if we can't auto detect product
[onvoard_reviews_widget id="12345"]
[onvoard_reviews_widget 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 reviews widget ID. 

add_action('woocommerce_after_single_product', 'render_onvoard_reviews_widget');

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

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