Skip to main content

Funnelish Integration

Learn how to display surveys on your Funnelish marketing funnels checkout confirmation page

Updated over a week ago

Overview

KnoCommerce now supports survey display in Funnelish checkout flows, allowing you to gather rich post-purchase insights even when using marketing flow platforms. This guide walks you through the steps to embed your KnoCommerce survey on Funnelish’s Thank You page.

Key Notes

  1. Beta Feature: This is an early-release integration. If anything doesn't work as expected, please reach out to our support team.

  2. Developer Required: This integration requires developer involvement. KnoCommerce support can offer guidance, but we do not configure this integration on your behalf.


Background

Funnelish currently lacks a unified order object on their checkout page, which limits KnoCommerce’s ability to fetch order details from a single source. To work around this, we’ve developed a solution that pulls order and customer data from localStorage in the customer’s browser.

This works in nearly all cases, but if no order data is present, the survey will not display. There will be no error shown, and the customer experience will remain unaffected.


Setup Steps

1. Enable the Custom Integration in KnoCommerce

Even if you're using Shopify as your eCommerce backend, you'll need to use the Custom Integration option for Funnelish. You can also run surveys on both Shopify and Funnelish if desired.

  • Follow Step 1 and Step 2 from the Custom Integration setup guide to get your API Key and Embed Script Snippet.

2. Use the Custom HTML Code Below

Paste the following code into your Funnelish Thank You Page. Be sure to replace the placeholders with your actual values.

<div id="knocommerce-container"></div>

<style>
.kno-app {margin: 0px auto;}
</style>

<script>
function KnoGetCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i].trim();
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}

var customer_email = localStorage.getItem("fnsh.core.customer.email");
var customer_phone = localStorage.getItem("fnsh.core.customer.phone");
var customer_firstname = localStorage.getItem("fnsh.core.customer.first_name");
var customer_lastname = localStorage.getItem("fnsh.core.customer.last_name");
var customer_address = localStorage.getItem("fnsh.core.customer.shipping_address");
var customer_city = localStorage.getItem("fnsh.core.customer.shipping_city");
var customer_zip = localStorage.getItem("fnsh.core.customer.shipping_zip");
var customer_state = localStorage.getItem("fnsh.core.customer.shipping_state");
var customer_country = localStorage.getItem("fnsh.core.customer.shipping_country");
var order_id = STEP.path;
if (isNaN(order_id)) {
order_id = Math.floor((Math.random() * 1000000000000) + 1).toString();
}
var price = KnoGetCookie('funnelish_order_value');

window.Kno = {
kno_id: 'REPLACE_WITH_API_KEY',
customer: {
platform: 'FUNNELISH',
shop: 'REPLACE_WITH_BRAND_DOMAIN',
email: customer_email,
phone: customer_phone,
first_name: customer_firstname,
last_name: customer_lastname,
address1: customer_address,
city: customer_city,
zip: customer_zip,
province: customer_state,
country: customer_country
},
order: {
id: order_id,
total_price: price,
currency: 'USD'
},
survey: {
selector: 'div#knocommerce-container'
}
};
</script>

<!-- Replace the line below with your Kno embed script -->
<script src="REPLACE_WITH_KNO_EMBED_SCRIPT_URL"></script>

3. Add the Code to Funnelish

  • Go to your Thank You Page in Funnelish

  • Click Edit Page

  • Open the Quick Add menu and drag in a Custom HTML block to the desired location on the page

  • Select the Custom HTML element and go to Basic Settings → Edit Custom HTML

  • Paste the complete code from above into the editor

  • Make sure to:

    • Replace REPLACE_WITH_API_KEY

    • Replace REPLACE_WITH_BRAND_DOMAIN

    • Replace the embed script URL

    • Confirm currency (e.g., 'USD')

Screenshots

Thank You Page

Custom HTML Button

Saving Changes

⚠️ Important: Do not paste this code into Funnelish’s Custom Code section. The survey will not display if added there.

4. Finalize and Test

  • Click Save Changes at the top of the Funnelish page

  • Your survey should now appear post-purchase!

✅ If your page has different views for Desktop, Tablet, and Mobile, be sure to update the container in each version. Avoid placing duplicate containers, as this may cause multiple surveys to load.


Support + Troubleshooting

If you run into any issues or have questions during setup, we’re here to help:

📩 Email: hello@knocommerce.com
💬 Live Chat: Use the support chat in your KnoCommerce dashboard

Happy surveying! 🎉

Did this answer your question?