Ratings badges offer a great way to showcase your overall rating in your homepage, footer, and anywhere else in your storefront. We offer three different style of badges: Bold, Sticker and Mini. Here's how can you add them to your site.
Installation Instructions
The badges can be added to your Shopify store by inserting the HTML code into your Shopify theme code. Just ensure you have the Junip script on the page along with your store key (steps 1 & 2 of this article).
To get your badge code, head over to the On-site section of your Junip admin > select "Install with HTML" tab > and scroll down to "Rating badge". Configure the available options within Junip (badge style, reviews type, etc.), and then just click the "Copy" button to copy the code when you're ready.
HTML sample code for the "Mini" style badge:
<div
class="junip-badge"
data-badge-style="mini"
data-summary-type="all_reviews"
data-product-id=""
data-clickable="true"
data-dark-mode="false">
</div>
Customization Options:
Setting name | Values |
data-badge-style | bold, sticker or mini |
data-summary-type | all_reviews, product_reviews or store_reviews |
data-product-id | Option to display reviews for a specific product by either selecting a product directly from the dropdown list in the configurations, or manually adding its Shopify product id within "". |
data-clickable | true or false. If set to true, it will link to a page that displays all your reviews and talks about your brand / products. |
data-dark-mode | true or false. Note: only applicable for the "Mini" badge style |