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