About
Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Product review apps

Estimated reading time: 3 min

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

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. 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>

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet 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>
  6. Follow this guide to enable Metafields to collect data from the Judgeme review app: https://globosoftware.net/kb/enable-metafields/

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.
    <div class="yotpo bottomLine" data-product-id="{{ product.id }}">{{product.metafields.yotpo.catalog_bottomline}}</div>
  6. Follow this guide to enable Metafields to collect data from the Yotpo review app: https://globosoftware.net/kb/enable-metafields/

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. Add the below code snippet to the position you want the Ratings to appear.

<div class=”rivyo_product_review_badge” data-handle=”{{product.handle}}”></div>

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. 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>

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. 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>

6. Follow this guide to enable Metafields to collect data from the Ryviu review app: https://globosoftware.net/kb/enable-metafields/

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. 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>
  6. Follow this guide to enable Metafields to collect data from the Loox ‑ Photo Reviews app: https://globosoftware.net/kb/enable-metafields/

8. Junip: Photo & Product Reviews

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

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 first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. Add the following code under the product title:
    {% render 'junip-product-summary', product: product %}

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 first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. Add the following code to the position you want to display the reviews:
    <div class="product-rating">{{product.metafields.okendo.ProductListingSnippet}}</div>
  6. Go back to the Smart Product Filter & Search app.
  7. Under the Filter Settings, enable the Product Metafileds option (https://globosoftware.net/kb/enable-metafields/)
  8. Synchronize product data.

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 following code to the first code line.
    {% comment %}Do not edit this file{% endcomment %}
  5. 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>

 

Was this article helpful?
Dislike 0
Views: 503