1. Home
  2. Review Widgets
  3. Product Review Widget Help Guide

Product Review Widget Help Guide

General information

Our Product Review Widget is our main way of showing your reviews on your shop pages, either they were generated by your users through email/sms review requests, imported from other sellers, or migrated from different review applications. We offer six visually appealing ways of displaying them across your store.

What kind of reviews it shows :

The three different elements of content you can find in our main widget are photo/video reviews, just text reviews, and featured reviews showing a special tag to show the difference among the rest of them. 

Where it should be used on the store :

The best place we suggest for the placement of this widget is on the product page template, so the reviews are visible for your customers below your product description, but this can be changed to another space to fit your visual needs.

Installation Instructions

Method 1: App Blocks (Storefront 2.0)

What types of pages can the element be drag-and-dropped:

Product pages, home page, custom pages.

Watch App Blocks Tutorial Video

See the full help center article tutorial for App Blocks.

Method 2: Javascript

Opinew uses metafields to render the product review widget. However metafields don’t work if you use a template builder like Shogun that use javascript to render its contents.

In this case you need to use our JavaScript library instead. It helps you render the product review widget where meta fields are not accessible. Here is how to use it.

1. Place the product review widget

Insert the code to indicate where you want the widget to show. It can be any type of html element but we recommend div or spanelement. It needs to have the required class and data attributes as described below.

<div class="opinew-product-plugin-dynamic" data-product-id="123"></div>

Method 3: Shopify Liquid

 <div style="clear:both;"></div><div id="opinew-reviews-product-page-code" class="">
                <span id="opinew-plugin" data-server-address="https://www.opinew.com" data-opw-prodreviews="{{ product.metafields.opinew_metafields['product_plugin'] }}" data-opinew-shop-id="{{ shop.id }}" data-shop-url="{{shop.domain}}" data-platform-product-id="{{product.id}}">
                 <span id="opinew_product_plugin_app"></span>
Updated on February 15, 2022

Was this article helpful?

Related Articles

Leave a Comment