How to add a Review box to the Product Page and Homepage?

Troubleshooting 2 min read Leave a comment
How to add a Review box to the Product Page and Homepage?

Reviews really help enhance most online stores because they show you really care about feedback. They also add an extra layer of engagement with your customers. This is one of many steps that can help build customer loyalty. Today, we will demonstrate how to add a Review box to the Product page and Homepage.

1. How to add a Review box to the Product page

In case you couldn’t find the {{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.
How To Open Edit Code In Shopify Admin
  • Search for Product.liquid file (or Product-template.liquid in some cases)
Where To Find Product.liquid File
  • At the end of the page, paste the code snippet (A) and then remember to save.
Where To Add Code To Make Your Review Box Appear In Product Page

That’s it, it’s too easy to edit/add a review box.

If it doesn’t work, please feel free to contact our Support team via in-app live chat or drop us an email at support@fireapps.io

2. How to add a Review box to the Homepage

If your store has only one product on the Home page, here’s a way that helps you on how to set-up a Review box as fast as possible.

  1. Go to your Online Store > Theme
  2. Find the Theme you’re using, click Action -> Edit Code
How To Open Edit Code In Shopify Admin

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

Where To Find “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 the page, and click Save:

Place To Add Code In “featured-product” or “home-product" File

That’s it.

If you need some help, please feel free to contact our Support team via in-app live chat or drop us an email at support@fireapps.io

Related Articles:

Leave a Reply

avatar
  Subscribe  
Notify of

Posts you might be interested