We have moved to a new and improved knowledge base. This article is no longer updated. Please click here to find the new version

Available on the Awesome plan

If you have a store in one of our supported platforms (Shopify, WooCommerce, BigCommerce, Squarespace, PrestaShop) but want to display your reviews on an HTML page hosted outside of these platforms (eg. Click funnels, Blogs, headless commerce, etc), you can follow the steps below.

Step 1: Enable Platform-independent Review Widgets

  • In the navigation bar, go to Settings >Integrations > Developers > Platform-independent Review Widgets
  • Toggle the bar to enable the setting.


Step 2: Add the Judge.me script to the head of your page

  • Once you've turned on the setting, you will be given a script.
  • Copy the provided script and paste it at the bottom of your page's head, above the </head> tag.

Step 3: Install Judge.me widgets

Install the widgets you want by adding these codes where you want on your page:

  • Single Product Preview Badge
<div class="jdgm-widget jdgm-preview-badge" data-id="add-your-product-id"></div>
  • Review Widget
<div class="jdgm-widget jdgm-review-widget jdgm-outside-widget" data-id="add-your-product-id" data-product-title="add-your-product-title"></div>
  • Reviews Carousel
<div class="jdgm-carousel-wrapper">
<h2 class="jdgm-carousel-title">Featured reviews</h2>
<a href="/reviews" class="jdgm-all-reviews-rating-wrapper">
<div data-score="" class="jdgm-all-reviews-rating"></div> from <span class="jdgm-all-reviews-count"></span> reviews
</a>
</div>
  • Floating Reviews Tab
<section class="jdgm-widget jdgm-revs-tab">
<div class="jdgm-revs-tab-btn btn" position="bottom">Reviews</div>
<div class="jdgm-revs-tab__header">
<a class="jdgm-close-ico"></a>
<h3 class="jdgm-revs-tab__title">Product Reviews</h3>
<a href="/pages/reviews">
<div class="jdgm-all-reviews-rating"></div>
<span class="jdgm-all-reviews-count"></span> reviews
</a>
</div>
</section>
  • All Reviews Widget
<div class="jdgm-widget jdgm-all-reviews-widget">
<div class="jdgm-all-reviews__body"></div>
</div>
  • Verified Reviews Count Badge
<div class="jdgm-verified-badge-wrapper"></div>
<div class="jdgm-medals-wrapper"></div>
  • UGC Media Grid
<div class="jdgm-ugc-media-wrapper"></div>
  • All Reviews Text
<div class="jdgm-all-reviews-text"></div>