Q: How to add Review box to Product page?

In case you couldn’t find {{product.description}} tag to insert the Reviews section into your store, please follow these following steps to manually add this section that will display on your product page. <ul> <li>Copy the code snippet (A) as followings:</li> </ul> <code>&lt;div id="shopify-ali-review" product-id="{{ product.id }}"&gt; {{ shop.metafields.review_collector.review_code }} &lt;/div&gt;</code> <ul> <li>Go to your Online store - Theme - Find the Theme that you're using - Action - Edit Code.</li> </ul> <img src="https://storage.crisp.chat/users/helpdesk/website/ed6eaffe23f97800/a08aee5c-4a18-407c-b45d-4ebc20_1silw0j.png" alt="" /> <ul> <li>Search for product.liquid file (or product-template.liquid in some cases).</li> </ul> <img src="https://storage.crisp.chat/users/helpdesk/website/9c1e656357d47800/a6094497-14cf-4d60-a401-1033c1_u3yknn.png" alt="" /> <ul> <li>At the end of page, paste the code snippet (A) and then remember to save.</li> </ul> <img src="https://storage.crisp.chat/users/helpdesk/website/f640111226d55800/26b1bfb9-c0f8-4703-98ef-469b66_vah0nn.png" alt="" /> NOTE: If it doesn't work, please feel free to contact our Support team via our live chat channel by clicking on the bottom right icon inside app, or our email at <a href="mailto:support@fireapps.io">support@fireapps.io</a> for further support.

Q: How to add Review box for a product in Home page?

<h2 id="howtodo">HOW TO DO</h2> <ol> <li>Go to your Online store - Theme</li> <li>Find the Theme that you're using, click Action &gt; Edit Code.</li> </ol> <img src="https://storage.crisp.chat/users/helpdesk/website/51849c8de000cc00/11111111_1g5dkz2.png" alt="" /> 3. Search for featured-product OR home-product file. <img src="https://storage.crisp.chat/users/helpdesk/website/d5af219dec3f1800/358ef210-d1d2-4f20-b0ea-4486cc_2mgwg.png" alt="" /> 4. Copy this code snippet (A): <code>&lt;div id="shopify-ali-review" product-id="{{ product.id }}"&gt; {{ shop.metafields.review_collector.review_code }} &lt;/div&gt; </code> 5. Insert the code snippet (A) at the bottom of page, and click Save. <img src="https://storage.crisp.chat/users/helpdesk/website/2aced7796226b400/7303e5ea-9d8e-44c3-a7fc-5ac1cc_n7151o.png" alt="" /> NOTE: If it doesn't work, please feel free to contact our Support team via our live chat channel by clicking on the bottom right icon inside app, or our email at <a href="mailto:support@fireapps.io">support@fireapps.io</a> for further support.

Question 1

How can I show rating star in the Product page?

Accepted Answer

Here’re details that guide you how to add the code snippet in order to display rating star in the product page:

Go to your Online store - Theme - Find the Theme that you're using - Action - Edit Code.

Search for product.liquid file (or product-template.liquid in some cases).

Then, find the following code line (A):

{{ product.title }}

Copy this code snippet (B):

<div product-id="{{ product.id }}" class="alr-display-review-badge"></div>

Insert the code snippet (B) under the above code line (A):

That’s it. Good luck!

P/S: product.liquid or product-template.liquid can be named differently due to variety of themes._

NOTE: If it doesn't work, please free to contact our Support team via our live chat channel by clicking on the bottom right icon inside app, or our email at support@fireapps.io.

Question 2

How to add Review box to Product page?

Accepted Answer

In case you couldn’t find {{product.description}} tag to insert the Reviews section into your store, please follow these following steps to manually add this section that will display on your product page.

Copy the code snippet (A) as followings:

<div id="shopify-ali-review" product-id="{{ product.id }}"> {{ shop.metafields.review_collector.review_code }} </div>

Go to your Online store - Theme - Find the Theme that you're using - Action - Edit Code.

Search for product.liquid file (or product-template.liquid in some cases).

At the end of page, paste the code snippet (A) and then remember to save.

NOTE: If it doesn't work, please feel free to contact our Support team via our live chat channel by clicking on the bottom right icon inside app, or our email at support@fireapps.io for further support.

Question 3

How to add Review box for a product in Home page?

Accepted Answer

HOW TO DO

Go to your Online store - Theme
Find the Theme that you're using, click Action > Edit Code.

3. Search for featured-product OR home-product file.

4. Copy this code snippet (A):

<div id="shopify-ali-review" product-id="{{ product.id }}"> {{ shop.metafields.review_collector.review_code }} </div> 5. Insert the code snippet (A) at the bottom of page, and click Save.

NOTE: If it doesn't work, please feel free to contact our Support team via our live chat channel by clicking on the bottom right icon inside app, or our email at support@fireapps.io for further support.

Question 4

How can I show the rating star in Collection page?

Accepted Answer

To show the rating star in the Collection, you need to add the code snippet into the product-grid-item.liquid or product-card-grid.liquid file, located in your default theme. Here’re details that guide you how to display reviews on your collection page:

Go to the product-grid-item.liquid or product-card-grid.liquid file. Then, find the following code line (A):

{{ product.title }}

Copy this code snippet (B):

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

Insert the code snippet (B) under the above code line (A).

P/S: If you can not find product-grid-item.liquid or product-card-grid.liquid, let try on product-card.liquid OR product-item.liquid OR product-info.liquid.

Finally, if it still does not work, please feel free to contact our Support team via our live chat channel by clicking on the bottom right icon inside app, or our email at support@fireapps.io.

Question 5

Increase loading speed for Review Widget with the new version of Ali Reviews

Accepted Answer

A new update in Ali Reviews is being rolled out globally, and this article will give you more details about it.

WHAT BEING INCLUDED IN THIS UPDATE

Acknowledge the importance of loading speed to e-commerce stores, in this update, we have used the new technique to optimize and improve the loading speed of the review widget which will bring 30% faster in loading than before.

Also this update bring Ali Reviews to be the **fastest **Product Reviews app comparing to other apps in the market that absolutely help to increase your store's conversion.

NOTE

The "Store font" option in Display Settings has been deprecated, and it will be automatically set to Ali Reviews font.

Many new great fonts will come in the next release, so please stay tuned for us.

Should you need further support, please feel free to contact us via live chat or email us at support@fireapps.io

Question 6

How to create a review page?

Accepted Answer

To create a review page, you can simply follow these steps:

1/ Login to Ali Reviews dashboard.
2/ Go to Get Reviews -> then click Create Review Page:

3/ Enter your page name in this box and click Add Page button:

4/ The new page name: Our Happiest Customer will be created on your Shopify store:

From here, you can navigate you page as your need. And here is the result:

Another way 1/ Copy the code which show on your Ali Reviews dashboard:

2/Add a new page on your Shopify Admin then click Show HTML:

3/ Paste the code in step 1 to this box then click **Save **button:

4/ The review page is created, you can click the eye button to see the preview: ![](https://storage.crisp.chat/users/helpdesk/website/51849c8de000cc00/image_606pd

Frequently Read Articles

Browse All Categories