Skip to main content

Product Rating Snippet Widget

Display your Product Ratings on your Product Pages and Category Pages

Written by Mollie Herbert

Requirements

⭐️ Active REVIEWS.io account

✅ Active Product Feed


Navigation 📍

To find our Product Rating Snippet, login to your REVIEWS.io account and head to Publishing >> Widget Library >> Product Rating Snippet


Instructions ⚙️

You'll first be presented with the following page 👇

Select 'General Settings' from the menu bar.

Define your Language, Theme and Platform that you are looking to install the rating snippet onto. Additionally, you can configure options like Anchor to Reviews Widget in supported platforms to enhance user navigation and engagement.

Note: Selecting a platform will output widget code that is optimised for your site so you can simply copy and paste the generated code into your template. Otherwise, you'll need to replace certain sections with the variables in your platform.

Once you have done so, you can edit the star colour under the Edit Design subheader in your menu 👇

Once satisfied with your design, select 'Get Installation Code'. You can install this widget on your website by copying & pasting the Javascript to your Website's footer, and then adding the <div> onto your Product page.

You also have the option to do it yourself or email the installation instructions to your developer 👇


Shopify Users

Configuring Star Ratings to Redirect to Reviews Widget ⭐️

This guide will help you configure star ratings in your Shopify store so that they redirect customers to the reviews widget on the product page. To do this, follow the steps below 👇:

  1. Access the Shopify Theme Editor:

    • Log in to your Shopify admin account.

    • Go to Online Store and select Customize.

  2. Locate the App Embeds Settings:

    • Navigate to App embeds within the theme editor.

    • Look for the Rating Snippet option in the list of available app embeds.

  3. Update the Rating Snippet Settings:

    • Disable the Show Popup option.

    • Save your changes.

  4. Verify the Behavior:

    • Preview your product page and confirm the star ratings redirect customers to the reviews widget. 🎯

If you are using Shopify, please use the automatic or manual installation guide here to install your Product Rating Snippets 🎉


Troubleshooting: Stars Not Showing

If you have installed the Rating Snippet but the stars are not visible on your product pages, here are the most common causes and how to fix them.

Common reasons

Core Snippet not enabled or wrong Store ID
The Core Snippet (in App embeds) must be toggled on, and the Store ID must be set to your actual store domain — not the default placeholder "REVIEWS.io". This is the most common cause of the Rating Snippet not appearing at all. Find your Store ID under Integrations → Shopify in the REVIEWS.io dashboard.

No reviews yet
The snippet only displays once a product has at least one review. This is expected behaviour to avoid showing empty ratings.

Caching delays
Changes can take up to one hour to appear on your live site.

Solution: Show empty stars for testing

If you are testing your setup before receiving your first review, you can enable placeholder stars:

  1. Go to your Shopify admin.

  2. Navigate to Online Store and click Customize.

  3. Open App embeds in the left sidebar.

  4. Select Rating Snippet to expand settings.

  5. Toggle "Show Empty Stars For No Reviews" to ON.

  6. Click Save.

You will now see placeholder stars (5 stars) on products with no reviews. Once a review is collected, the actual rating will display automatically.

Quick checklist

Make sure the following are set up correctly:

  • Core Snippet is enabled in App embeds with your actual Store ID (not "REVIEWS.io")

  • Rating Snippet is enabled in App embeds

  • Rating Snippet block is added to your product page template

  • You have allowed time for caching (up to one hour)

  • For testing, Show Empty Stars For No Reviews is enabled

Did this answer your question?