Available on every plan.
KnoCommerce is fully platform agnostic. We currently work natively with Shopify, and official integrations will be coming with WooCommerce, BigCommerce, and others.
If you are using one of those platforms (or a custom build!) you can get started today with a custom script. Here's how to do that. 👇
Step 1: Go to Integrations and set up the "Custom" integration.
You'll save your site url, and then grab your API key. Save that API key for later. This is your kno_id in the script.
Step 2: Grab your embed script from Settings -> Survey Settings -> Miscellaneous.
It will look something like this:
<script src="https://www.knocdn.com/v1/embed.js?id=xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"></script>
Step 3: Create your javascript object. The minimal version will look like this:
<script>
window.Kno = {
kno_id: 'XXXX-XXXX-XXXX-XXXX', // this is the API key found in the "custom" integration on the integrations tab.
customer: {
platform: 'CUSTOM',
shop: 'yoursite.com',
email: 'example@example.com',
id: 'id-from-some-platform',
},
order: {
id: '1234567890', //
total_price: 1000,
currency: '',
},
survey : {
selector: 'div#example-div' // required. Any element
}
};
</script>
Combine the two, and place on your order confirmation screen.
<!-- Start KnoCommerce Script -->
<script>
window.Kno = {
kno_id: 'XXXX-XXXX-XXXX-XXXX', // this is the API key found in the "custom" integration on the integrations tab.
customer: {
platform: 'CUSTOM',
shop: 'yoursite.com',
email: 'example@example.com',
id: 'id-from-some-platform',
},
order: {
id: '1234567890', //
total_price: 1000,
currency: '',
},
survey : {
selector: 'div#example-div' // required. Any element
}
};
</script>
<script src="https://www.knocdn.com/v1/v1.1.2/embed-dev-1622665597207.js?id=xxxx-xxxx-xxxx-xxxx"></script>
<!-- End KnoCommerce Script -->
You can download an example file here. Replace the following with your data:
line 11 - replace kno_id. This is your API key from step 1.
line 28 - replace selector. This is whatever element you want to attach to. Leave as-is for testing this HTML page.
line 99 - replace with your script from step 2.
For testing, you can leave all other fields alone, but each field in lines 13-28 should be replaced with your own order data variables to dynamically register order data.
A list of all possible parameters is in the file for reference but has been commented out.