How to Use WiserReview Star Rating Widget (Ecommerce)

How to use the WiserReview Star Rating widget on your ecommerce store. Guide to displaying average star ratings on product listing and detail pages.

Updated 22 Aug 2026Display Reviews

The Star Rating widget lets you highlight the average product rating along with the number of reviews typically displayed on Product Listing Pages (PLPs) or Product Detail Pages (PDPs) to boost trust at first glance.

Go to Widgets > Star rating

Star_Rating_Widget

Customization option under cards.

Card Styles

Choose from multiple star display layouts — with or without review count.

Star Color

Customize the star icon color to match your store’s theme (e.g., orange #FF8000).

Dynamic Variable

We have Dynamic variables:

Product specific star rating count- {{TOTAL_RATING}},

Avg. star rating number: {{STAR_AVRG_RATING}}

Total questions asked for that products by visitors- {{TOTAL_QUESTION}}

Use them if you want to display these values with Star rating.

Hide If No Reviews

if checkbox is cheked Automatically hide the star rating when there is no reviews.

Custom CSS

Enable the Custom CSS block if you want to fine-tune styles manually (e.g., spacing, alignment, icon size).

Installation Instructions

  • Display on collection/product cards to build quick trust
  • Use on PDPs above the product title or near the price

Click the Install button (top right) to view embed instructions:

Go to Custom tab

Installation Instructions

1. Paste the pixel code into your </body> (only once, if not already added):

2: Add the widget code where you want to show the star rating count.

– The best place to put this div tag is after the product name.

Note: Render Data-pid value (SET_YOUR_PRODUCT_ID_HERE) as your real product ID value