Integrating Loox with Your Theme

Loox automatically integrates with your published theme upon install.

If you do not see the Loox widget on the product page, please refresh the page without using the browser cache by clicking Ctrl+F5 (Cmnd+F5 on mac).

If the reviews widget still doesn't appear, feel free to contact our Support team at [email protected], and we’d be more than happy to help!

IN THIS ARTICLE


Automatic Integration

To integrate Loox with a specific theme (published or unpublished), follow these steps:

  1. Go to the Settings - Display reviews in your Loox Admin.
  2. Choose the theme that you'd like to integrate Loox into.
  3. Click Integrate Loox:

Manual Integration

If you are using Shopify's Store 2.0 themes (such as Dawn), you can integrate Loox widgets through the theme editor. Learn more

To manually integrate the Loox widget with your product pages, follow these steps:

  1. Go to your Shopify Themes menu.
  2. Click the "Actions" menu and then select "Edit code":
  3. Open the template or section you use for product pages (usually called product.liquid / product-template.liquid / product-page.liquid / propduct-main.liquid, but some themes work differently).
  4. Copy the line of code below:
    <div id="looxReviews" data-product-id="{{product.id}}" class="loox-reviews-default">{{ product.metafields.loox.reviews }}</div><br>
    	
  5. Paste the entire line of code wherever you want the widget to appear.

Debutify

Loox enables automatic integration with the Debutify theme editor.

To integrate Loox with your Debutify theme, follow these steps:

  1. Download and install the Debuitfy theme here.
  2. Go to your Shopify Themes menu.
  3. Click "Customize":
  4. Click "Theme settings":
  5. Under "Reviews apps", select Loox, and save:

All Loox widgets should now appear on your theme's pages accordingly.

If the reviews widget still doesn't appear, feel free to contact our Support team at [email protected], and we’d be more than happy to help!