Adding the Reviews Widget to Your Homepage

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

You can set the widget to display all 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, and how to implement the widget manually.

IN THIS ARTICLE


Adding the Widget via the Theme Editor

To add the reviews widget, to your homepage, 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 "Reviews Widget" section, under APPS:
  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): 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. 
  • 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 Widget Manually

  1. Go to your Shopify Themes menu.
  2. Click the "Actions" menu and 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/video 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, feel free to contact our Support team at [email protected], and we’d be more than happy to help!