Skip to main content
All CollectionsGetting startedInstallation
Installing Judge.me widgets on external platforms
Installing Judge.me widgets on external platforms
Updated over a week ago

If your store is based on our supported platforms (Shopify, WooCommerce, BigCommerce, Squarespace, and Square) but you want to showcase your reviews on an HTML page hosted outside of these platforms (e.g., ClickFunnels, blogs, headless commerce, etc.), you can achieve this by following these steps:

Step 1: Enable platform-independent Review Widgets

BigCommerce and Squarespace users can skip this step as our widgets are already installed using cache server.

  • From your Judge.me admin, go to General Settings > Advanced > Platform-independent Review Widget. Then click on Enable platform-independent widgets


For other platforms

  1. From your Judge.me admin, go to Settings > Integrations > Developers > Platform-independent Review Widgets.

  2. Toggle the switch to enable this setting.


Step 2: Add the Judge.me script to your page's header

After enabling the setting, you will receive a script. Please follow these instructions to add it to your page:

  • Copy the provided script.

  • Paste it at the bottom of your page's header, just above the </head> tag.

Step 3: Install Judge.me widgets

Choose the widgets you wish to install by adding the corresponding codes to your page:

  • Single Product Star Ratings

<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 Counter

<div class="jdgm-verified-badge-wrapper"></div>
  • Judge.me Medals

<div class="jdgm-medals-wrapper"></div>
  • UGC Media Grid

<div class="jdgm-ugc-media-wrapper"></div>
  • All Reviews Counter

<div class="jdgm-all-reviews-text"></div>

If you need help installing Judge.me widgets on external platforms, contact our team at [email protected]. We're available to help 24/7!

Did this answer your question?