How to add review stars to any page on your Shopify store

Adding review stars to your products are a fantastic way to integrate reviews across the entire customer journey. Rivo Reviews stars can be added to the cart, collection, product and homepage templates. You can do that simply by adding a simple piece of custom code.

Adding the review stars to your collection pages

  1. Open your Shopify admin to the theme you'd like to add the stars on

  2. Open your collection or product template that your products use (sometimes called product-item.liquid or card-product.liquid)

  3. Copy the snippet below and paste it where you want the reviews stars to appear (typically best placed below the product title or product price)

<!-- Rivo Reviews Stars Begin -->
<div class="rivo-reviews-star-rating" data-product-id="{{ product.id }}" data-rating="{{ product.metafields.ba_rev.review_data.stars }}" data-count="{{ product.metafields.ba_rev.review_data.reviews_count }}"> <div class="rivo-reviews-rating-count"></div></div>
<!-- Rivo Reviews Stars End -->

Not sure where the snippet is supposed to go? Click the chat bubble in the bottom right corner to get in touch with our team and we'll help you add it in your theme for you.

Adding Custom CSS or individual style to your review stars

Looking to use your own Custom CSS? Reach out to our team with your CSS and we'll add it on the back end for you.

Did this answer your question?