Funnelish Docs
FunnelishPricingBlogCommunity
  • Overview
  • Getting Started
    • Quick start
    • 1️⃣Creating a funnel
      • Funnel steps
      • Products
    • 2️⃣Customize design
      • General Settings
      • Layout
      • Containers
      • Compositions
      • Saving assets
      • Payment Forms
        • 2 Step Form
        • Payment Form
      • Express Checkout
      • Product List
      • Text Elements
      • Media
      • Loox Reviews
      • CTA
      • Order Bump
      • Popups
      • Form element
      • Timer
      • Progress Bar
      • Social Network Buttons
      • Order Summary
      • FAQs
    • 3️⃣Collecting payments
      • Payment Methods Supported
      • Add payment methods
      • Card payments
        • Stripe
        • NMI
        • Checkout.com
        • Airwallex
      • PayPal
      • Express Checkout (Google & Apple Pay)
      • iDEAL payments
        • iDEAL through Stripe
        • iDEAL through Airwallex
      • P24 (Poland)
      • Cash On Delivery
      • Buy Now, Pay Later
        • Klarna through merchant account
        • Klarna through Stripe
        • Klarna through Airwallex
      • Bancontact payments
        • Bancontact through Stripe
        • Bancontact through Airwallex
      • SEPA Direct Debit
      • RazorPay (India)
      • EPS (Austria)
    • 4️⃣Connect your domain
      • Introduction
      • GoDaddy
      • Namecheap
      • Shopify
      • Cloudflare
  • ADVANCED FEATURES
    • Funnel analytics
    • Send SMS
    • A/B Testing
    • Geo-funnels
    • Responsive design
    • Discounts
  • Integrations
    • Integrations Overview
    • Shopify
      • Connect Your Shopify Store
        • Shopify custom app
      • Send Orders to Shopify
      • Set Up Order Bundling
      • Set Up Dynamic Variants
      • Set Up Order Notes
    • Connect to Google Sheets
      • Connect Your Google Account
      • Send Data to a Google Sheet
    • Get Started with Klaviyo
      • Connect With Klaviyo
      • Send Data to Klaviyo
    • ShipStation
      • Connect to ShipStation
      • Send Orders to ShipStation
    • ActiveCampaign
      • Connect with ActiveCampaign
      • Create an ActiveCampaign Automation
    • Hyros
      • Connect With Hyros
      • Create a Hyros Automation
    • MailChimp
      • Connect with MailChimp
      • Automate With MailChimp
    • SendGrid
    • Mailgun
    • Zapier
  • Apps
    • Funnelish Apps Overview
    • Facebook Pixel
    • Pinterest Tag
    • Proofy
    • Google Analytics
    • TaxJar
    • TikTok Pixel
  • Automations
    • Overview
      • Set up automations
    • Triggers
    • Actions
      • Sending Emails
        • Text Only
        • Templates
      • Send a Notification
      • Delays
      • Conditions
      • Webhooks
      • Jumps
      • Integrations
  • Resources
    • Multi-Users Access
    • Send Emails From Funnelish
    • Manage Your Orders
    • Manage Your Customers
  • FAQ
    • Funnel Launch Checklist for Funnelish
    • Profile Information
    • Frequently Asked Questions
    • Troubleshooting Issues
    • Ordering Without an Address
    • How to change a page title?
    • Set a Default Landing Page
    • How to Charge a Shipping Fee
  • Connect to Click Funnels (Legacy)
    • Your First ClickFunnels Funnel
      • 1 Add Your Funnel
      • 2 Copy Your Tracking Code
      • 3 Turn On Your Apps
    • ClickFunnels Apps
      • Smart Optin
        • Facebook Client ID
        • Google Client ID
      • Smart Currency Converter
      • Programmable
      • Fancify
        • Product Variant Set Up
      • Paypal Plugin
        • Testing Purchases
      • Smart Address Plugin
    • Tracking Orders
      • Track Paypal Orders In ClickFunnels
      • Track ClickFunnels Orders In Funnelish
Powered by GitBook
On this page
  • Installing the app on Shopify
  • Paste a snippet into Custom codes
  • Copying a product ID
  • Customizing a snippet
  • Pasting the snippet
  • Add custom HTML
  • Customizing a snippet
  • Another product
  • Other display options
  • Full reviews
  • All reviews
  • Other options

Was this helpful?

  1. Getting Started
  2. Customize design

Loox Reviews

Add social proof to your funnels with customer reviews and ratings.

PreviousMediaNextCTA

Last updated 2 years ago

Was this helpful?

This article shows you how to add Loox Reviews to your products in a funnel. When you complete these steps, Funnelish can pull reviews and ratings from your Shopify store into the funnel step.

Loox Reviews is a freemium app. You can display star ratings for free but need a paid account to access the other widget functionalities. You can read the and learn how to enable all the widget functions on your site.

Installing the app on Shopify

The first step is to install the Loox app on your Shopify store.

  1. Type Loox Product Reviews into the search bar.

  2. Click the app name.

4. Log in to your Shopify store (if prompted).

5. On the next page, read the terms and if you agree, 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.

Paste a snippet into Custom codes

The next step is to add some code to your funnel.

You'll need to copy and paste some text in this step. We suggest you open a Notepad file to save code as an in-between step.

Copying a product ID

Find and copy the product ID for the item in your Shopify store.

  1. Go to your Shopify store dashboard.

  2. Click Products on the side menu.

  3. Click the product you want to link with Loox on your funnel.

  4. Go to the address bar.

  5. Copy the product number in the URL. It's the last series of numbers after the slash (/).

  6. Paste the product ID into a Notepad file.

Customizing a snippet

  1. Copy this snippet and paste it into a Notepad file.

<script async src="//loox.io/widget/loox.js?shop=STORE.myshopify.com"></script>
  1. Replace the word STORE in the snippet with your store name.

Make sure there are no spaces after the "=" sign.

Pasting the snippet

  1. Copy the edited snippet of your Notepad file. (The one with your store name)

  2. In Funnelish, go to the Funnels tab in your header menu.

  3. Open a funnel and go to the step that has the product you want to link to Loox.

  4. Click the Edit page button.

  5. Go to the top left corner and click the More actions icon (the three dots <…>).

  6. Click Custom codes.

On the pop window:

  1. Click the Custom JS (body) tab at the top of the window.

  2. Paste the edited snippet. (The one with your store name)

  1. Click Save changes.

  2. Click the Save changes button in the top right corner of your page.

Add custom HTML

The last step is to drag and drop the Custom HTML element into your canvas. This element is the one that will display 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. Place a Section component on the canvas under the product image.

  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.

  1. A new pop-up window will display. Before adding something, follow the steps below to edit the code for your corresponding product.

Customizing a snippet

Follow the steps below to place customer star ratings in the funnel.

  1. Paste this code into Notepad.

<div class="loox-rating" data-fetch data-id="XXXXXXXXXX"></div>
  1. Replace the XXXXX in the snippet with the Shopify product ID (the ID you saved in Notepad in the previous step).

Make sure there are no spaces between the quotation marks and numbers.

3. Click the Save changes button.

4. Click Save changes again on the funnel dashboard.

5. Click Preview to see the funnel step and customer reviews.

Nothing displays on the funnel step if your Shopify product has no ratings.

Another product

To quickly add Loox display code to another product:

  1. Copy the Custom HTML component.

  2. Paste the component into a different cell location.

  3. Replace the product ID with the number corresponding to the new product.

  4. Click Save changes.

Other display options

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

Full reviews

To display full reviews on the funnel step, follow all the steps above but paste this snippet into the Custom HTML component.

Be sure to replace the XXXXX with the unique product ID.

 <div id="looxReviews" data-product-id="XXXXXXXXXX"></div>

All reviews

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.

<div id="looxReviews" data-loox-aggregate></div>

Other options

Log in to you the .

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.

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

2️⃣
Shopify App Store
Learn more.
Learn more
Loox developer document
Star review placed under a funnel product image.
Select Loox Product Review in the Shopify App Store.
Loox reviews displayed on a product page.
Get the product ID copying the digits at the end of the URL after the slash (/).
Example snippet with a sample store name.
Click the more action icon <…> and then, custom codes.
Add a section below your product image.
Place the Custom HTML component inside the cell.
Click Edit custom HTML in the settings panel.
Showcase of product images with star reviews.
Example of the code with a product ID replacing the XXXXX.
Showcase of a product image with full Loox reviews.
Display all the product reviews.