Integrating Loox Widgets with Store 2.0 Themes

Loox enables a built-in integration with every store page on Shopify's Online Store 2.0 themes. This means that you can easily place the Loox widget anywhere you'd like in your store. 

In this article, we'll explain how to integrate the different Loox widgets on your store's pages.

If you need help adding the Loox widgets on your store's pages, feel free to contact our Support team at [email protected], and we’d be more than happy to help!

IN THIS ARTICLE


Star Ratings

To add the Loox star ratings on your product pages on a 2.0 theme, follow these steps:

  1. Go to your Shopify Themes menu.
  2. Click "Customize":
  3. Go to your default product page (or any product page):
  4. On the left-side menu, click "Add block" and choose "Loox - Ratings Widget" under APPS:
  5. Position the widget where you'd like it to appear by dragging it up or down (we recommend placing it under the product title):
  6. Click "Save".

When adding the star ratings widget as a block on 2.0 themes, they cannot be customized. If you wish to customize your star ratings widget, please add them as a custom HTML code as mentioned here. Then, you can customize them, as mentioned here.

Note: The star ratings will automatically display the number of reviews and average ratings for the relevant product, only if placed on a product page.


Reviews Widget

To add the Loox reviews widget on your pages on a 2.0 theme, follow these steps:

  1. Go to your Shopify Themes menu.
  2. Click "Customize":
  3. Go to the page you'd like to add the Loox widget (for example, your product pages):
  4. On the left-side menu, click "Add section" and choose "Loox - Reviews Widget" 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".

Optional customizations:

  • Display only reviews with photos - Enable to only show reviews that include photos or videos.
  • Show reviews from all products - Enable to show reviews from all your store's products.
  • Hide product thumbnails - Enable to hide a product thumbnail which will include the reviewed product's image and name.
  • Maximum width - Choose the maximum width the Loox widget will be displayed in, regardless of screen size.

To display the carousel widget on your pages on a 2.0 theme, follow the instructions below:

  1. Go to your Shopify Themes menu.
  2. Click "Customize":
  3. Click "Add section" on the left-side menu and choose "Carousel Widget":
  4. Note: If you do not see the "Reviews - Carousel" widget, please re-integrate Loox with your theme and try again. Click here to learn how.
  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:

  1. Choose the widget's width and colors.
  2. Display "Show more" button - Hide\display the widget's "Show more" button.
  3. Display only reviews with photos - Only display reviews with photos/videos in the widget.
  4. Use widget's font - Use the custom font you've chosen in the Loox admin for the reviews widget instead of the default font. The default font is "Times New Roman".

You can display a specific product's reviews in the carousel widget. To do so, access the carousel widget's section and choose a product from the menu in the section's settings:

Note: The Loox Carousel widget has a limit of 20 reviews.   

If you need help adding the Loox widgets on your store's pages, feel free to contact our Support team at [email protected], and we’d be more than happy to help!