The Product Review Section widget is ideal for ecommerce stores to showcase detailed customer reviews directly on product pages. Here’s a quick guide to each customization option available under this widget.
Go to display review > Widgets > Product Review section
Customization options
Filter Reviews
Filter reviews by source (e.g., imported, collected manually) or by tags. You can also apply advanced filters to display only the most relevant reviews.
Layouts
Choose between layout styles (grid or stacked). Enable sorting in the dropdown or add a “Load More” option to improve navigation.
Cards
Select how each review appears — with or without images — and whether to display reviewer avatars.
Popups
Enable popups that show full review content when clicked. Customize the display of name, date, image, and more.
Ratings
Show or hide the review section title, average rating, rating breakdown, and total review count. Control the display of the “Write a Review” button.
Color Options
Personalize star colors, fonts, buttons, and backgrounds to visually match your store theme.
No Reviews
Set a fallback message for products with no reviews and customize the message color.
Custom CSS
Insert your own CSS code to fully control styling beyond the built-in options.
Schema & SEO
Enable product review rich snippets for better visibility on Google search results.
Language
Select your preferred display language for global audiences. The review section will automatically translate button text and headings.
Installation Steps.
Step 1: Add the pixel code to your website’s <head> section
Paste this script code inside the <head> tag of your website’s HTML.
Do this only once. If it’s already added, skip this step.
Step 2: Add the widget code where you want to show the reviews
Place this div block where you want the Product Review Section to render — typically inside your product template:
-
data-pid='{{product.id}}'should dynamically pass the product ID for the current page. -
This ensures the correct reviews are shown per product.