If you need to install Judge.me widgets by code, you can find the Liquid snippets for each widget below.
Installing using liquid code is recommended for advanced users only. If you’re not comfortable working with code, we suggest installing the widgets using Shopify app blocks in the theme editor instead.
Review Widget
<!-- Start of Judge.me code -->
<div style='clear:both'></div>
<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='{{ product.title | escape }}' data-id='{{ product.id }}'>
{{ product.metafields.judgeme.widget }}
</div>
<!-- End of Judge.me code -->
Star Rating Badge
<!-- Start of Judge.me code -->
<div class='jdgm-widget jdgm-preview-badge' data-id='{{ product.id }}'>
{{ product.metafields.judgeme.badge }}
</div>
<!-- End of Judge.me code -->
Reviews Carousel
<!-- Start of Judge.me code -->
<div class='jdgm-carousel-wrapper'>
{% assign jm_metafields = shop.metafields.judgeme %}
<div class='jdgm-carousel-title-and-link'>
<h2 class='jdgm-carousel-title'>Let customers speak for us</h2>
<span class='jdgm-all-reviews-rating-wrapper' href='javascript:void(0)'>
<span style='display:block' data-score='{{ jm_metafields.all_reviews_rating }}' class='jdgm-all-reviews-rating' aria-label='{{ jm_metafields.all_reviews_rating }} stars' tabindex='0' role='img'></span>
<span style='display: block' class='jdgm-carousel-number-of-reviews' data-number-of-reviews='{{ jm_metafields.all_reviews_count }}'>
from {{ shop.metafields.judgeme.all_reviews_count }} reviews </span>
</span>
</div>
{{ jm_metafields.featured_carousel }}
</div>
<!-- End of Judge.me code -->
Judge.me Medals
<!-- Start of Judge.me code -->
{{ shop.metafields.judgeme.medals }}
<!-- End of Judge.me code -->
UGC Media Grid
<!-- Start of Judge.me code -->
<div class='jdgm-widget jdgm-ugc-media-wrapper'>
{{ shop.metafields.judgeme.ugc_media_grid }}
</div>
<!-- End of Judge.me code -->
Verified Reviews Counter
<!-- Start of Judge.me code -->
<div style='clear:both'></div>
<div style='text-align: center'>
<a class='jdgm-verified-count-badget' href='javascript:void(0)'>
{{ shop.metafields.judgeme.verified_badge }}
</a>
</div>
<!-- End of Judge.me code -->
All Reviews Counter
<!-- Start of Judge.me code -->
<div class='jdgm-widget jdgm-all-reviews-text'>
<a href='javascript:void(0)'>
<span data-score='{{ shop.metafields.judgeme.all_reviews_rating }}' class='jdgm-all-reviews-rating'></span>
<span class='jdgm-all-reviews-text__text' data-score='{{ shop.metafields.judgeme.all_reviews_rating }}' data-number-of-reviews='{{ shop.metafields.judgeme.all_reviews_count }}' data-locale='en'>
Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.
</span>
</a>
</div>
<!-- End of Judge.me code -->