The Homepage Reviews Widget

The homepage widget enables you to display all your store's reviews on your homepage. 

You can set the homepage widget to display all of your store's reviews or just a specific product's reviews.

In this article, we'll show how to add the Loox widget to your homepage through the theme editor, some of the customization options available to you, as well as how to implement the widget manually.

IN THIS ARTICLE


Adding the Homepage Widget via the Theme Editor

To add the homepage reviews widget, follow these instructions:

  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. Add the "Loox Widget - All Reviews" section:
  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".

Customization Options

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 below the review that links to a specific product.
  • Add "write a review" button linked to: Select a specific product to link a dedicated "Write a review" button to. Customers can submit reviews for that product 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. You must link a product to the "Write a review" button 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).

To display a specific product's reviews on the homepage:

  1. Add the "Loox Widget - All Reviews" widget to your homepage at the desired location.
  2. Select the product you'd like to display reviews for in the "Add 'Write a review' button linked to:" field.
  3. Disable the "Show reviews from all products" checkbox.

  4. Click Save.

Integrating the Homepage Widget Manually

  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:
    1. To show all reviews:
      <div id="looxReviews" data-loox-aggregate data-limit=”20”></div><br>
      	
    2. To only show photo reviews:
      <div id="looxReviews" data-loox-aggregate data-limit=”20” data-mode="img"></div>
      	
  5. Paste it where you want reviews to appear.
  6. Click "Save".

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