# 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.

   ```html
   <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.

   ```html
   <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.

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2FySgUsIfHa4OjUnTwFp7E%2F2025-03-31_15-12-26.png?alt=media&#x26;token=63fe9569-818d-41d9-85a1-f989fa915b9a" alt=""><figcaption></figcaption></figure>

### 🔹**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.

   ```html
   <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.

```html
<div class="wc_product_review_badge" data-handle="{{ product.handle }}" data-product_id="{{ product.id }}"></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 **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.

   ```html
   <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.

   ```html
   <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.

   ```html
   <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:

   ```html
   <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.

```html
<div product-id="{{ product.id }}" class="arv-collection arv-collection--{{ product.id }}"></div>
```

5. 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

   ```javascript
   <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:

   ```html
   <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_&#x20>;

**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.

```html
<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>
```

5. Click **Save** to finish.

### 🔹**13. Fera Product Reviews App**

*App URL:* [*https://apps.shopify.com/fera*](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

   ```javascript
   <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

<figure><img src="https://2009335375-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKmtdB4I84W3J8hc91H4S%2Fuploads%2Fa2HlbnLV9caWXw4hEu8u%2Fimage.png?alt=media&#x26;token=1a450e8c-ab4b-4267-90a3-2933bf6e6b86" alt=""><figcaption></figcaption></figure>

9. Click **Save** to finish.

&#x20;

💬 **Need Help?** Contact us at **<contact@globosoftware.net>** – we’re happy to assist! 😊<br>