If you have a shop on our supported platforms (Shopify, WooCommerce, BigCommerce), you can replicate your widgets on a non-supported website. In this article, we'll show you how to do that.


Enable the Platform-independent Review Widgets

  • In your Judge.me's settings, go to tab Integrations > Developer > Platform-independent Review Widgets and enable the setting.
  • Then copy the provided scripts and paste them to your HTML page section.


Scripts to install the Judge.me widgets

Install the widgets you want by adding these scripts to anywhere on your page:


Single Product Preview Badge

<div class="jdgm-widget jdgm-preview-badge" data-id="add-your-product-id"></div>


Single Product 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>