All Collections
Getting started
Installing widgets on external platforms
Installing widgets on external platforms
Updated this week

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

  1. In the navigation bar, go to Settings > Integrations > Developers > Platform-independent Review Widgets.

  2. Toggle the switch to enable this setting.

For new dashboard

  1. In the navigation bar, go to General Settings > Advanced > Platform-independent Review Widget.

  2. Click on Enable platform-independent widgets

Step 2: Add the 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 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>
<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 Widgets onto pages hosted outside of our supported platforms.

Did this answer your question?