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 dropdown or “Load More” 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.