Comment on page
Reviews Widget
A high-impact, visually stunning review display widget that is proven to engage shoppers and increase conversions. Extensively customizable and optimized for page-load speed.
Shopify Online Store 2.0
Shopify Vintage Theme
- 1.Create a new liquid snippet in the snippets folder with the following name:
snippets/okendo-reviews-widget.liquid
- 2.Inside your newly created liquid file, add the following HTML snippet:<div data-oke-widget></div>
- 3.
- 4.Copy the following snippet and place it in your Theme Code where you would like the widget to appear:
{% render 'okendo-reviews-widget', product: product %}
The preferred method of configuring the Reviews Widget is via the Okendo Admin which can be accessed in the Okendo app via Reviews -> On-Site Displays:

Use these data attributes on the widget markup to customize its configuration. None of these attributes are required.
Data Attribute | Description | Value Type | Supported Values |
---|---|---|---|
data-oke-reviews-product-id | Used to specify a Shopify Product ID with the word shopify- in front of it. The reviews widget will only show reviews for the specified product. | string | Any valid product ID in the format shopify- e.g. shopify-1234567 . |
data-oke-reviews-group-id | Used to specify an Okendo Group ID so that the reviews widget only shows reviews for the specified group of products. | string | Any valid product group ID in a GUID format e.g. 69d2e67d-b980-4333-97b7-30411807a7b1 |
data-oke-reviews-ask-question-product-id | Used to show the “Ask a Question” in the reviews widget to leave a question for the specified product. | string | Any valid product ID in the format shopify- e.g. shopify-1234567 . |
data-oke-reviews-write-review-product-id | Used to show the “Write a Review” in the reviews widget to write a review for the specified product. | string | Any valid product ID in the format shopify- e.g. shopify-1234567 . |
Without specifying a data source for the reviews, the widget will show all reviews for your store. You can provide either a Product ID or a Group ID to use that as the data source for the reviews.
<div data-oke-widget data-oke-reviews-product-id="shopify-<PRODUCT_ID>"></div>
The product widget also has some pre-rendered content stored in Shopify Metafields that we recommend including for increased performance on-site:
<div data-oke-widget data-oke-reviews-product-id="shopify-<PRODUCT_ID>">
{{ product.metafields.okendo.ReviewsWidgetSnippet }}
</div>
<div data-oke-widget data-oke-reviews-group-id="<GROUP_ID>"></div>
When the widget is in all-reviews or grouped mode an explicit Product ID is needed to show the "Write a Review" or "Ask a Question" buttons.
<div data-oke-widget data-oke-reviews-write-review-product-id="<PRODUCT_ID>"></div>
<div data-oke-widget data-oke-reviews-ask-question-product-id="<PRODUCT_ID>"></div>
Last modified 10mo ago