Product review apps

✨This article gives the list of compatible product review apps that work with our filter app – along with the guidelines to set them up.

🔹1. Product Reviews

App URL: https://apps.shopify.com/product-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Ratings to appear.

    <span class="shopify-product-reviews-badge" data-id="{{product.id}}"></span><br>
  5. Click Save to finish.

🔹2. Judgeme

App URL: https://apps.shopify.com/judgeme

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the code snippet below to the position you want the Ratings to appear.

    <div class='jdgm-widget jdgm-preview-badge' data-id='{{ product.id }}' data-template='manual-installation' data-auto-install='false'>{{product.metafields.judgeme.badge}}</div>
  5. Click Save to update the changes.

  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the option below under Judgeme Reviews app.

🔹3. Yotpo

App URL: https://apps.shopify.com/yotpo-social-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the code snippet below to the position you want the Ratings to appear.

    <div class="yotpo bottomLine" data-product-id="{{ product.id }}">{{product.metafields.yotpo.catalog_bottomline}}</div>
  5. Click Save to update the changes.

  6. From the left app’s navigation bar, click on Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Yotpo Reviews app.

🔹4. Rivyo Product Review

App URL: https://apps.shopify.com/rivyo-product-review

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Ratings to appear.

<div class="wc_product_review_badge" data-handle="{{ product.handle }}" data-product_id="{{ product.id }}"></div>
  1. Click Save to update the changes.

  2. From the left app’s navigation bar, click on the Integration under the Settings topic.

  3. Tick on the I've already installed app option next to the Rivyo Product Review app.

🔹5. Stamped.io

App URL: https://apps.shopify.com/product-reviews-addon

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Ratings to appear.

    <span class="stamped-product-reviews-badge" data-id="{{ product.id}}"></span>
  5. Click Save to finish.

🔹6. Ryviu

App link: https://www.ryviu.com/

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Ratings to appear.

    <ryviu-widget-total reviews_data=" {{product.metafields.ryviu.product_reviews_info | escape}}" product_id="{{ product.id}}" handle="{{ product.handle}}"></ryviu-widget-total>
  5. Click Save to update the changes.

  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Ryviu Reviews app.

🔹7. Loox ‑ Photo Reviews

App URL: https://apps.shopify.com/loox

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Ratings to appear.

    <a href="#looxReviews"><div class="loox-rating" data-fetch data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div></a>
  5. Click Save to update the changes.

  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Loox ‑ Photo Reviews app.

🔹8. Junip: Photo & Product Reviews

App URL: https://apps.shopify.com/junip

Steps

Our app is being integrated with the Junip: Photo & Product Reviews app automatically.

Steps to manage

  1. From the left app’s navigation bar, click on the Integration under the Settings topic.

  2. Tick on the I've already installed app option next to the Junip: Photo & Product Reviews app.

  3. Click Save to finish.

🔹9. Okendo: Product Reviews & UGC

App URL: https://apps.shopify.com/okendo-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the following code to the position you want to display the reviews:

    <div class="product-rating">{{product.metafields.okendo.ProductListingSnippet}}</div>
  5. Click Save to update the changes.

  6. From the left app’s navigation bar, click on the Integration under the Settings topic.

  7. Tick on the I've already installed app option next to the Okendo: Product Reviews & UGC app.

🔹10. Ali Reviews ‑ Product Reviews

App URL: https://apps.shopify.com/ali-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Ratings to appear.

<div product-id="{{ product.id }}" class="arv-collection arv-collection--{{ product.id }}"></div>
  1. Click Save to finish.

🔹11. Areviews ‑ Reviews Importer

App URL: https://apps.shopify.com/areviews-aliexpress

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the theme.liquid file.

  4. Add the below snippet to the end of this file

    <script>
    window.addEventListener('globoFilterRenderCompleted', function () {
    show_infiniti_areviews();
    });
    </script>
    <script src='https://areviewsapp.com/js_codes/collection_rating.js' defer></script>
  5. Click Save to update the changes.

  6. Go to the filter.product.liquid file.

  7. Add the following code to below the class of title element:

    <div class="areviews_product_item areviews_stars{{ product.id }}" data-product-id="{{ product.id }}"></div>
  8. Click Save to finish.

🔹12. Opinew Product Reviews App UGC

App URL: https://apps.shopify.com/photo-reviews

Steps

  1. From your Shopify admin panel, go to the Theme folder.

  2. In the Action dropdown, click Edit code.

  3. Go to the globo.filter.product.liquid file.

  4. Add the below code snippet to the position you want the Reviews to appear.

<div class='opinew-stars-plugin-product-list'>
{% if product.metafields.opinew_metafields['stars_lists'] != blank %}
{{ product.metafields.opinew_metafields['stars_lists'] }}
{% else %}
<div class="opinew-stars-plugin-link opinew-list-stars-disable" onclick="window.location.href = 'https://{{shop.domain}}{{product.url}}'" style="text-decoration: none;">
<span class="opinew-star-plugin-inside">
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
<i class="stars-color opw-noci opw-noci-star-empty" aria-hidden="true"></i>
</span>
<span class="opinew-no-reviews-stars-plugin" onMouseOver="this.style.color='#c45500'"
onMouseOut="this.style.color='inherit'"><b>
</b></span>
</div>
{% endif %}
</div>
  1. Click Save to finish.

🔹13. Fera Product Reviews App

App URL: https://apps.shopify.com/fera

Steps

  1. From your Shopify app list, go to the Fera product review app

  2. Copy their HTML tag instruction – see below screenshot for reference.

  3. From your Shopify admin panel, go to the Theme folder.

  4. In the Action dropdown, click Edit code.

  5. Go to the theme.liquid file.

  6. Add the below snippet to the end of this file

    <script>
    window.addEventListener('globoFilterRenderCompleted', function () {
    setTimeout(fera.forceRefreshContent(), 1000);
    });
    </script>
  7. Click Save to update the changes.

  8. Go to the globo.filter.product.liquid

  9. Add the tag code from step #2 above to below the class of the title element

  1. Click Save to finish.

💬 Need Help? Contact us at [email protected] – we’re happy to assist! 😊

Last updated