Quick Start

Welcome to the Rating-Widget for Shopify App!
In this Quick Start guide you will learn how to setup & customize a beautiful ratings for your store, and how to learn from your customers' feedback in three simple steps and within less than five minutes.

Add Ratings to your Store's Theme

During the installation, the app has automatically generated three snippets for your main theme:
  • rw-js.liquid: The core JavaScript snippet that enables Rating-Widget to load and operate all of the widgets in the page.
  • rw-rating.liquid: The rating element snippet.
  • rw-ratings-data.liquid: The ratings vote data - for ratings Rich Snippets. This file is only relevant for Business users.
  • rw-settings.liquid: Your custom ratings settings which you'll be able to modify from the customization section in the app.
Simply include the snippets by using the Template Editor as following:
  1. Go to your Store Admin Dashboard.
  2. There, click the Online Store menu, then Themes. At the right side, click on the button with three dots, and select Edit HTML/CSS. Shopify template editor selection
  3. Open Layouts/theme.liquid, scroll down to the bottom of the template and add {% include 'rw-js' %} immediately before the </body> tag:
    Shopify theme layout template
  4. Open Templates/product.liquid (for blog pages, please see the next step), search for product.title and add {% include 'rw-rating' %} right after the title HTML element (*):
    Shopify theme product template
    (*) Actually you can add the rating snippet wherever you like the rating to be placed in the template. We just recommend to add it right after the title so your customers will immediately see the rating of the product.

How to add ratings to your Blog pages?

  1. Open Templates/article.liquid, search for article.title and add {% include 'rw-rating' %} right after the title HTML element or below its enclosing HTML element (*):
    Shopify theme product template
    (*) Like in product.liquid, you can actually add the rating snippet wherever you like the rating to be placed in the template. We just recommend to add it below the title or the title's enclosing element so your customers will immediately see the rating.

Congrats! Your store is now spiced up with beautiful star ratings. Go to your store's products collection page and open any of the products to see the ratings. You should also open any of your blog pages and check the rating.

Can't see the ratings? go to our FAQ.

Customize Ratings Design

Now it's the time to customize the ratings and make them look stunning on your store!
In the Customize Settings page you'll be able to select the type, language and style of your ratings in a super user-friendly WYSIWYG editor.
Rating-Widget ratings styles preview

Analyze. Improve. Perfect!

Monitor your customers' ratings and simply learn your top products. By keeping track of your ratings' Analytics and products purchasing analytics, you can easily detect your best and worst products. Next time you are purchasing products for your stock, just buy more of your best sellers and less (or non) of your worst. That way you might save money by simply not buying unpopular products to your stock.
Rating-Widget analytics screenshot
Note:
The advanced analytics section is only available for Business users though you can play with our Analytics Sandbox to get the feeling of it before you decide to upgrade.

Like to increase your CTR?

Our premium packages supports ratings rich-snippets. It's a special code added to your store's products that will add ratings right into your store's Google SERP (Search Engine Results Page). This will make your SERP more attractive and eye-catching!
Rating Rich Snippet in SERP
The rich-snippets are designed to provde users a sense of what the webpage may include, and help them discover sites that are directly relevant to their searches, resulting in higher CTR (click-through rates). Ratings in SERP can help users to better identify pages with good products.