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

Ali Reviews 6.0 - How to install New Ali Reviews Local Extension?

Accepted Answer

In the new version Ali Reviews 6.0, in order to use the Import Review via AliExpress feature, you will need to install manually a local Chrome extension.

If you have used Ali Review in previous version (5.4) and just upgraded to new version, please make sure to check step 6 below to turn off your current extension (version should be 5.x.x) after installing this local one. We are so sorry for this inconvenience.
If you are a new user and just installed Ali Reviews from Shopify App Store, please follow the first 5 below steps to install the local extension, and do refresh the page in step 7 before importing reviews.
The latest local extension version is 6.0.2, so if you installed older one (for example 6.0.1), you will need to install the latest one again.

We expect that the official Chrome extension version will be available in the coming weeks (depends on Google's Extension team), and we will inform you properly when it is ready.

Here are the instruction videos for Windows users and Mac OS users.

Below are the details steps to install the local extension.

STEP 1: visit this link and download the local extension into your machine.

STEP 2: extract the downloaded extension in your ma

Question 2

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 3

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 4

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 5

Ali Reviews 6.0 - How to show Review Widget on online store?

Accepted Answer

We aim to help you set up your review widgets in the most efficient and easy way. In the latest version, you will be able to add more than one widget on one page.

This article including 2 main points:

Add review widgets
Widget settings

|| ADD REVIEW WIDGETS

On each page, you can have the specific review widget(s).

Select the page > choose the widget type

Choose Existing widgets or Create new widgets

|| WIDGET SETTINGS

Click on the widget to open the widget settings. There are some settings as bellow

Edit Widget

There's an action button to Hide/ Delete/ Reset widget settings

Look and Feel

This section help you to customize the review widgets' appearance

More information can be found here

Product options

You can set which products' reviews to show on the widget based on product triggers/ conditions

Check this article to learn more about this setting

Advanced settings

Audience: Show the widget to all visitors or set conditions to show the

Question 6

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.

Frequently Read Articles

Browse All Categories