How to Use the Star Rating Widget (Ecommerce)

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.

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).

🙈 Hide If No Reviews

Automatically hide the star rating on:

  • Collection page

  • Product page

Useful to avoid showing empty ratings on new or low-traffic items.

🖍️ Custom CSS

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

🛠️ Installation Instructions

✅ Best Use Cases

  • 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:

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

2: Add the widget code where you want to show the reviews.

 

 

 

 

 

 

 

 

 

 

🔁 Replace YOUR_DYNAMIC_PRODUCT_ID with your platform’s dynamic variable, such as:

  • Shopify: {{ product.id }}

  • WooCommerce: <?php echo $product->get_id(); ?>

  • Custom CMS: {{ product.id }} or use JS-based rendering