Vintage themes are no longer available in the Shopify Theme Store and do not include the advanced features of Online Store 2.0. However, you can still use them to showcase product reviews.

If you're using a Vintage theme, you can add Judge.me widgets by following the steps in this guide. With a few manual adjustments, you’ll be able to display reviews seamlessly and build trust with your customers.

Step 1: Enable Judge.me core snippet

From your Shopify admin, go to Online Store > Themes.
Locate the theme you want and click Customize.
Go to App embeds, then toggle the bar to enable Judge.me.
Click Save.

Step 2: Add the installation code

Return to Online Store > Themes.
Click "..." next to your theme and select Edit code.
The next steps will vary depending on the widget you want to install. Follow the specific instructions for your chosen widget.

Star Ratings

Star Ratings on product page

Open product-template.liquid.
Add the following code under the {{ product.title }} element.
Click Save.

<!-- Start of Judge.me code --> 
  <div class='jdgm-widget jdgm-preview-badge' data-id='{{ product.id }}'> 
    {{ product.metafields.judgeme.badge }} 
  </div> 
<!-- End of Judge.me code -->

Star Ratings on collection pages

To add Star Ratings to your collection pages and featured collection on the homepage, please refer to this installation guide.

Review Widget

Open product.liquid.
Under {% section 'product-template' %}, add the following code:

<!-- Start of Judge.me code --> 
  <div style='clear:both'></div> 
  <div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-id='{{ product.id }}'> 
    {{ product.metafields.judgeme.widget }} 
  </div> 
<!-- End of Judge.me code -->

Click Save.

Reviews Carousel

Open index.liquid.
At the bottom of the file, add the following code:

<!-- Start of Judge.me code --> 
  <div class='jdgm-carousel-wrapper'> 
    {% assign jm_metafields = shop.metafields.judgeme %} 
    <div class='jdgm-carousel-title-and-link'> 
      <h2 class='jdgm-carousel-title'>Let customers speak for us</h2> 
      <span class='jdgm-all-reviews-rating-wrapper' href='javascript:void(0)'> 
        <span style='display:block' data-score='{{ jm_metafields.all_reviews_rating }}' class='jdgm-all-reviews-rating' aria-label='{{ jm_metafields.all_reviews_rating }} stars' tabindex='0' role='img'></span> 
        <span style='display: block' class='jdgm-carousel-number-of-reviews' data-number-of-reviews='{{ jm_metafields.all_reviews_count }}'> 
from {{ shop.metafields.judgeme.all_reviews_count }} reviews 
        </span> 
      </span> 
    </div> 
    {{ jm_metafields.featured_carousel }} 
  </div> 
<!-- End of Judge.me code -->

Click Save.

Judge.me Medals

Open index.liquid.
At the bottom of the file, add the following code:

<!-- Start of Judge.me code --> 
  {{ shop.metafields.judgeme.medals }} 
<!-- End of Judge.me code -->

Click Save.

Note: The Medals widget is available for qualified stores. Learn how it works in our detailed guide on the Medals.

UGC Media Grid

Open index.liquid.
At the bottom of the file, add the following code:

<!-- Start of Judge.me code --> 
  <div class='jdgm-widget jdgm-ugc-media-wrapper'> 
    {{ shop.metafields.judgeme.ugc_media_grid }} 
  </div> 
<!-- End of Judge.me code -->

Click Save.

Verified Reviews Counter

Open footer.liquid.
Add the following code under the opening <footer> tag.

<!-- Start of Judge.me code --> 
  <div style='clear:both'></div> 
  <div style='text-align: center'> 
    <a class='jdgm-verified-count-badget' href='javascript:void(0)'> 
      {{ shop.metafields.judgeme.verified_badge }} 
    </a> 
  </div> 
<!-- End of Judge.me code -->

Click Save.

Note: The Verified Reviews Counter is available for stores with more than 20 verified reviews.

All Reviews Counter

Open footer.liquid.
Add the following code under the opening <footer> tag.

<!-- Start of Judge.me code -->
      <div class='jdgm-widget jdgm-all-reviews-text'>
        <a href='javascript:void(0)'>
          <span data-score='{{ shop.metafields.judgeme.all_reviews_rating }}' class='jdgm-all-reviews-rating'></span>
          <span class='jdgm-all-reviews-text__text' data-score='{{ shop.metafields.judgeme.all_reviews_rating }}' data-number-of-reviews='{{ shop.metafields.judgeme.all_reviews_count }}' data-locale='en'>
            Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.
          </span>
        </a>
      </div>
      <!-- End of Judge.me code -->

Click Save.

Adding Judge.me widgets (Blueprint theme)

Creating a Reviews Page (Vintage themes)

Adding Judge.me widgets in PageFly

Adding Judge.me widgets in Shogun

Adding Judge.me widgets (Stencil theme)