How to Add Reviews to Shopify ?

Step 1: Open Shopify App Store

The first thing that you want to do is you want to go to the shopify apps page and click on the visit app store button.

shopify-review-app-tutorial-step1

Step 2: Search for “product reviews”

you’ll see the product reviews about the third line. It’s surprising that it’s not the first one.

Step 3: Add the Shopify Product Reviews app.

Let’s click on product reviews. Click add app button to install app.

Step 4: Add the Product Reviews app to your Shopify product page.

Now we have the app installed, and we just have to set it up. This is going to require a bit of coding.

From the apps page click on the Product Reviews > Settings > Installation instructions here.

Copy the code to the clipboard. Once you’ve copied the code to the clipboard, click on this link here that says sections/product-template-liquid.

This is the Shopify html code to add reviews to your product page.

Find the code the text product.description

You can do this by either hitting hit ctrl + F on PC or cmd + On Mac and just this will open the tab in your browser where you can search for product.description.

If we want to add the ratings below the product description, now you can right-click and paste the code below the product description.

Now go back to your product description page refresh the page, you’ll see customer product reviews here.

Step 5: Add review stars to Shopify collection page

You might also want reviews on your collections page so your customers can see the reviews before they view a product.

Here's how to add Shopify product review ratings to your collections page.

We’re going to add reviews to this collection page so that customers, when they’re browsing your site, they can see how much people like different products on your site.

Go back to the product reviews installation page, and then scroll down. There’s a section that says optionally add star ratings badge to your collection pages.

Click on show instructions.

Next select and copy this code and click on the snippets/product-grid-item.liquid link to go to the page where you edit the html for your collections page.

If the product-grid-liquid page doesn’t show up in the right pane, scroll down to snippets in this left-hand pane, and then you can go to product-card-grid.

Search the page for product-price, and this is where the price is.

Let’s put it on the line right before product price and hit save.

Let’s go to the collection page to view the product review rating stars.

So that is it. That is how you install product reviews on your website.

  • Was this reply helpful?
  • Yes
  • No