By default, Judge.me widgets are designed to be installed on Shopify-hosted pages, such as your product pages and collection pages inside Shopify.
However, if your store is still on Shopify but your storefront pages are hosted elsewhere (for example, on a custom or external platform), you can still display Judge.me widgets using platform-independent widgets.
This allows you to keep Shopify as your backend for products and orders, while showing reviews on non-Shopify pages.
Available widgets
The following Judge.me widgets are available as platform-independent widgets and can be used on non-Shopify–hosted pages:
Star Rating Badge
Review Widget (legacy version)
Reviews Carousel
Floating Reviews Tab
All Reviews Widget
Verified Reviews Counter
Judge.me Medals
UGC Media Grid
All Reviews Counter
Considerations
Platform-independent widgets only work if your store itself is on Shopify. Non-Shopify pages are supported, but a non-Shopify store is not.
Install platform-independent widgets
Step 1: Enable platform-independent widgets
To enable platform-independent widgets:
From your Judge.me admin, go to Settings > Advanced.
Scroll down to the Platform-independent Review Widget section.
Select Enable platform-independent widgets.
Click Save.
Once you've enabled platform-independent widgets, you'll see a script for your store. Copy that script to add in Step 2.
Step 2: Add the Judge.me script to your site
In your website’s code—right above the </head> tag on the page where you want to show the widgets, paste in the script you copied in Step 1.
Step 3: Install the widgets
Once you've added the script, you can add the platform-independent widgets using the following code:
Star Rating Badge:
<div class="jdgm-widget jdgm-preview-badge" data-id="add-your-product-id"></div>
Review Widget (legacy version):
<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>
Resources
Get your free trial:🚀
Want to display Judge.me widgets anywhere—even on external pages? Get access to this feature and more with a 15-day free trial of the Awesome Plan.
Follow us on LinkedIn:
📢 Stay in the loop! Follow Judge.me on LinkedIn for the latest product updates, tips, and feature launches.