Displaying the All Reviews Badge on your Store's Pages

The All Reviews Badge is a powerful feature of the Vitals Product Reviews App that allows your store to showcase the total number of product reviews along with the calculated average rating.

Here’s how it can benefit your store:

  1. Enhanced Credibility: Displaying the total number of reviews and average rating builds trust with potential customers, making them more likely to purchase your store's products.
  2. Improved Sales: Positive reviews and high ratings boost customer confidence, leading to increased sales and repeat business.
  3. Quick Information: The badge provides customers with an at-a-glance summary of your store's products' quality, helping them make faster purchasing decisions.
  4. Increased Engagement: Knowing that their feedback will be prominently displayed encourages more customers to leave reviews.
  5. Competitive Advantage: Highlighting transparency and customer satisfaction sets your store apart from competitors.
  6. Better User Experience: Consolidating review information in one place simplifies the decision-making process for shoppers.

By leveraging the All Reviews Badge, you can enhance your store’s credibility, improve the shopping experience, and help drive more sales.


Enabling the All Reviews Badge Feature

There are three ways that this feature can be enabled:

  1. Through your Shopify Theme Editor

You can insert the All Reviews Badge on your basic Shopify pages using your Shopify Theme Editor, as it can be selectable in the list of Vitals apps shown:

For more information on how to insert and move Vitals apps in the Shopify Theme Editor, you may refer to this article: Using the Shopify Theme Editor to change Vitals app locations

  1. Through your Vitals Editor

You can insert the All Reviews badge on your homepage and/or Product pages by accessing our Vitals Editor:

For more information on how to insert and move Vitals apps in the Vitals Editor, you may refer to this article: Using the Vitals Editor

  1. Automatically place it on your homepage by enabling the feature in the Settings tab of the Product Reviews App.

If you would like to have the All Reviews Badge appear automatically on your homepage's footer section, you can simply enable it in the Settings tab of the Product Reviews app, after selecting the All Reviews Badge element:


Modifying the Layout and Design of the All Reviews Badge

In the Settings tab of the Product Reviews app, you can customize a variety of layout and design options for the All Reviews Badge:

Layout and Style

You can customize your All Reviews Badge's layout and style to fit your store's theme by choosing your preferred design.

You can also change the colors of different parts of the All Reviews Badge, such as the background, text, and star colors. You can also change the degree of the corner radius of its box to fit your store's theme.

In this section, you can also disable elements you don't want the All Reviews Badge to have, like the Background color or the "Collected by Vitals" text.

You can also fine-tune the margins of each side of the All Reviews Badge, giving you additional flexibility.


💡 Looking to Insert the All Reviews Badge Using your Page Builder? The All Reviews Badge can be inserted in major page builders by inserting the HTML snippet <div id="vitals-all_reviews_badge"></div> in a Custom HTML element.


For more information on how to insert HTML snippets (and the HTML snippets of our other apps), you may refer to this article: Looking for the HTML snippet of a Vitals app?

Frequently Asked Questions (FAQs)

I want to remove the "Collected by Vitals" text under the All Reviews Badge. How can I do it?

This can be removed by going to the Product Reviews app's Settings tab > select All Reviews Badge, and then disable the "Show Collected by Vitals" option:

Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.