# 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="/files/5jKgjQhAZ1tofmWyIh9p" 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="/files/VBnIlaXSJWWb0rrVBrK4" alt=""><figcaption></figcaption></figure>

9. Click **Save** to finish.

&#x20;

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/filter/app-integrations/product-review-apps.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.