Loox Reviews
Add social proof with customer reviews and ratings
This article shows you how to add Loox Reviews to a funnel product. When you complete these steps, Funnelish can pull reviews and ratings from your Shopify store into the funnel step.
  • The screenshot below shows star ratings placed under a funnel product image.
Loox Reviews is a fremium app. You can display star ratings for free, but need a paid account to access the other widget options. Click here to open the Loox developer document and learn how to enable all widget options on your site.
Want to try Loox with a 14-day free trial? Learn more.

To pull customer reviews and ratings into your funnel, complete three steps:
  1. 1.
    install the app on your Shopify store
  2. 2.
  3. 3.

The first step is to install the Loox app on your Shopify store.
  1. 1.
    Log in to you the Shopify App Store.
  2. 2.
    Type Loox Product Reviews into the search bar.
  3. 3.
    Click the app name.
4. Log in to your Shopify store (if prompted).
5. On the next page, read the terms and click Install app.
6. Click the Let's get started button and complete the setup workflow.
  • Once you finish setting up Loox on Shopify, you can collect and display customer reviews on a product page

The next step is to add code to a funnel.
You'll need to do a bit of copying and pasting in this step. We suggest you open a Notepad file to save code as an in-between step.

Find and copy the product ID for the item in your Shopify store.
  1. 1.
    Go to your Shopify store dashboard.
  2. 2.
    Click Products on the side menu.
  3. 3.
    Click the product you want to link with Loox on your funnel.
  4. 4.
    Go to the address bar.
  5. 5.
    Copy the product number in the URL. It's the last series of numbers.
  6. 6.
    Paste the product ID into a Notepad file.

  1. 1.
    Copy this snippet and paste it into a Notepad file.
<script async src="//loox.io/widget/loox.js?shop=STORE.myshopify.com"></script>
2. Replace the word STORE in the snippet with your store name. Make sure there are no spaces after the "=" sign. The screenshot below shows an example snippet with a sample store name.

  1. 1.
    Copy the edited snippet in the Notepad file.
  2. 2.
    Open a new browser tab and go to Funnelish.
  3. 3.
    Open a funnel.
  4. 4.
    Open the step that has the product you want to link to Loox.
  5. 5.
    Click Edit page.
  6. 6.
    Go to the top left corner and click the ellipsis.
  7. 7.
    Click Custom codes.
On the pop window:
  1. 1.
    Click the Custom JS (body) tab.
  2. 2.
    Paste the edited snippet.
  3. 3.
    Click Save changes. The window closes.
  4. 4.
    Click Save changes again on the funnel dashboard.

There is one more step. Place the Custom HTML component on the canvas. This component displays customer reviews and ratings on the step.
You need to decide where to place the Loox information. In this example, we place the star rating under a product image.
We use a two-column row to hold the Custom HTML component. You could use a different structure.
  1. 1.
    Place a Section component on the canvas under the product image.
  2. 2.
    Select the two-column row option.
3. Select a cell.
4. Place the Custom HTML component inside the cell.
5. Go to the left panel.
6. Click the Edit custom HTML button.

Follow the steps below to place customer star ratings in the funnel.
  1. 1.
    Paste this code into Notepad.
<div class="loox-rating" data-fetch data-id="XXXXXXXXXX"></div>
2. Replace the X's in the snippet with the Shopify product ID (you saved the ID in Notepad in a previous step).
Make sure there are no spaces between the quotation marks and numbers.
3. Click Save changes. The window closes.
4. Click Save changes again on the funnel dashboard.
5. Click Preview to see the funnel step and customer reviews.
If the ratings do not appear in Preview mode, you might need to whitelist your funnel domain. Go to your Shopify store and open the Loox settings page. Learn more.

To quickly add Loox display code to another product:
  1. 1.
    Copy the Custom HTML component.
  2. 2.
    Paste the component into a different cell location.
  3. 3.
    Replace the product ID with a new number.
  4. 4.
    Click Save changes.

The above example showed you how to place star ratings on a funnel step. There are other options.

To display full reviews on the funnel step, follow all the steps described above but paste this snippet into the Custom HTML component. Be sure to replace the XXs with the unique product ID.
<div id="looxReviews" data-product-id="XXXXXXXXXX"></div>

Use this snippet to pull all reviews from your Shopify store into the funnel. Follow all the steps described above but paste this snippet into the Custom HTML component. Be sure to replace the XXs with the unique product ID.
<div id="looxReviews" data-loox-aggregate></div>

Loox provides other snippets for widgets that you place in popups, sidebars, or carousels. Learn more.

Click the Preview button to check your results.
Nothing displays on the funnel step if your Shopify product has no ratings.
Copy link
On this page
Installation
1. Installing the app on Shopify
2. Paste a snippet into Custom codes
Copying a product ID
Customizing a snippet
Pasting the snippet
3. Add custom HTML
Customizing a snippet
Another product
Other display options
Other options
Previewing