Integrating Loox Into Pages Hosted Outside of Shopify

Loox automatically integrates codes into your Shopify store's theme when you install the app.

If you wish to display Loox on other places outside your Shopify store (eg. Click funnels, Blogs, headless commerce etc...) follow the steps below.


To Embed a Loox Widget Into an External Page, Please Follow These Instructions:

  1. Head over to the HTML code of the page you'd like Loox to appear on.
  2. Copy the following script:
    <script async src="//loox.io/widget/loox.js?shop=STORE.myshopify.com"></script>
    	
  3. Paste the script at the bottom of the HTML’s body, above the </body> tag.
  4. Replace the STORE.myshopify.com with your store's .myshopify URL.
    Please make sure there are no extra spaces in the code (especially between the shop= and the .myshopify URL).
  5. Integrating a widget:
    1. To integrate a product's reviews widget, copy the following code:
       <div id="looxReviews" data-product-id="XXXXXXXXXX"></div>
      		
    2.  To integrate a product's star  ratings widget, copy the following code:
      <div class="loox-rating" data-fetch data-id="XXXXXXXXXX"></div>
      		
    3. To integrate a reviews widget that displays all your store's reviews use the code below:
    4. <div id="looxReviews" data-loox-aggregate></div>
      		
  6. Paste the code where you'd like the widget to appear.
  7. Replace the XXXXXXXXXX with the ID of the product that you'd like to display reviews for.
    For help, read How to Find a Product's ID.
  8. Save the HTML code.

In order for the widgets to appear, you must allow-list the domain of the site through your Loox settings:
How to Allow-list Domains outside of Shopify to Display the Loox Widgets

If you need any further assistance, feel free to contact our Support team at [email protected], and we’d be more than happy to help!