Growave provides various review widgets for Shopify Online Store 2.0 themes, allowing you to showcase customer feedback directly on your product pages. These widgets help foster trust, promote engagement, and enhance the shopping experience.
Product review widget: The comprehensive review section that displays star ratings, full review texts, Q&A, and customer photos. It allows customers to submit new reviews, ask questions, and filter feedback by rating or images.
Star rating widget: A compact badge usually placed under the product title. It displays the average rating and total review count, acting as a shortcut that scrolls users down to the main Product review widget.
Reviews slider: A visually engaging carousel ideal for highlighting top-rated feedback. It displays review text alongside images (either product photos or customer-uploaded photos) to catch the customer's eye.
Reviews mini slider: A space-saving scrollable list of review snippets and star ratings. It provides quick social proof in smaller sections, allowing users to click to read the full review.
Shopify Online Store 2.0
You can integrate review widgets into your store using one of these three methods:
1. From Onsite widgets
Manage all review-related widgets in Growave admin → Onsite widgets → Reviews.
Here you can install review widgets and monitor installation status.
2. From Shopify’s theme customizer
If you prefer to add widgets directly through Shopify’s interface:
Go to Shopify admin → Online store → Themes → Customize.
Select Product → Default product page template.
Click Add block and choose Growave review widgets.
3. Using placeholders for custom placement
For more flexibility, you can insert widgets manually using Growave's placeholders. This method allows you to place review elements anywhere on your store. See the SDK Placeholders documentation for details.
Let's install Reviews slider widget as an example:
You can create an empty div element with the necessary class name. Use style="display:block" to ensure visibility since Shopify hides empty div blocks in embedded mode.
You can use the Custom liquid section in the Shopify page editor. Copy the following code:
<div class="gw-rv-reviews-slider-widget-placeholder" data-gw-lowest-rating="4" data-gw-only-pinned-reviews="true" style="display: block" ></div>
Paste it in the Custom liquid field and save changes:
Placeholder widgets can use different attributes (see Docs related to each widget for details).
Reviews slider widget has the following attributes:
data-gw-lowest-rating: (optional): Defines the minimum rating (1-5) required for reviews to be included in the slider. Default:4.data-gw-images-type: (optional): Specifies the source of images displayed in reviews. Default:product_images.product_images– Displays product-related images inside reviews.reviews_images– Displays user-uploaded images from their reviews.
data-gw-only-pinned-reviews(optional): If set to true, only featured reviews are displayed. Default:false.
Legacy (vintage) themes
To install the reviews widget on the product page, go to Shopify admin → Themes → Edit Code → find a product-template.liquid (the file's name may differ depending on the store theme) and add the following code to the place where you want to show reviews:
{% capture the_snippet_reviews %}{% render 'socialshopwave-widget-recommends' with 1 %}{% endcapture %} {% unless the_snippet_reviews contains 'Liquid error' %} {{ the_snippet_reviews }} {% endunless %}Here is an example:
If you have any difficulties with the integration, feel free to reach out to us at [email protected] or by chat icon in the bottom right corner, and our team will be glad to help you.