How do I show my reviews on the homepage?

To add a widget that displays your store's recent reviews on your homepage, follow the instructions below.

If your theme supports dynamic sections:

  1. Go to your Shopify Themes menu
  2. Click the "Customize" button on the theme you'd like to add the widget to
  3. Click "Add section" on the side menu that appears on the left
  4. Click on "All reviews - Grid" and then click "Add"
  5. Edit the settings of this widget and go back to the sections menu
  6. Position the widget where you'd like it to appear by dragging it up or down
  7. Click "Save"

Optional customizations:

Loox enables you to customize the homepage widget to match your store’s needs:

  • Display only reviews with photos - Hide all text-only reviews from appearing in the widget.
  • Hide product thumbnails - Remove the product thumbnails that appear below the review that links the review to a specific product.
  • Add "write a review" button linked to - Select a specific product and link a dedicated "Write a review" button so that customers can submit reviews for that product directly on the homepage.
  • Show reviews from all products (enabled by default) - When enabled, all approved reviews of all products will appear. If disabled, only the reviews of the selected product will appear (a product must be selected for the "Write a review" button in order for this to work). 
  • Number of reviews to display - Limit the number of reviews displayed before the "Show more reviews" button
  • Maximum width - Limit the maximum width of the Loox widget (affects the number of reviews displayed per row)

How to display only one product's reviews on the homepage:

  1. Add the All reviews - Grid widget to your homepage at the desired location
  2. Select the product you feature on the homepage in the "Add 'Write a review' button linked to:" field
  3. Disable the "Show reviews from all products" checkbox

  4. Click Save

If your theme does not support dynamic sections:

  1. Go to your Shopify Themes menu
  2. Click the "Actions" menu and then select "Edit Code" on the theme you'd like to add the widget to
  3. Open the file you use for your homepage (usually it's called index.liquid)
  4. Copy the relevant line of code:

    To show all reviews:
    <div id="looxReviews" data-loox-aggregate data-limit=”20”></div>
    	

    To show only reviews with photos:

    <div id="looxReviews" data-loox-aggregate data-limit=”20” data-mode="img"></div>
    	
  5. If you'd like to change the number of reviews displayed before the "Show more reviews" button, change the number of the data-limit attribute (e.g. to data-limit="30")

  6. Paste it where you want reviews to appear
  7. Click "Save"

If you'd like assistance editing your Liquid code, please contact us and we'll be happy to assist!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.