If your store is based on one of 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 easily achieve this by following these steps:
Step 1: Enable Platform-Independent Review Widgets
In the navigation bar, go to Settings > Integrations > Developers > Platform-independent Review Widgets.
Toggle the switch to enable this setting.
For new dashboard
For new dashboard
In the navigation bar, go to General Settings > Advanced > Platform-independent Review Widget.
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 Count Badge
<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 Text
<div class="jdgm-all-reviews-text"></div>
These steps will help you integrate Judge.me Widgets onto pages hosted outside of our supported platforms.