If you'd like to embed your KnoInsights survey on a different page than the Shopify confirmation page you can absolutely do that.
Simple iframe embed
The simplest way to embed with an iframe is just to use a basic iframe tag and your survey url as the source.
Start by finding your survey url:
Then insert your url into an iframe, like this:
<iframe src="https://app.knoinsights.com/surveys/xxxxxxxxxxxxxxxxx" title="Survey title"></iframe>
You can customize the width, height, etc. using standard iframe options. Check W3 Schools documentation for more information.
]Advanced embed
If the user's email address can be captured, it's best to try to append the customer url so you can guarantee that you're matching them to a known user account. This will be applicable in any location where the user is logged in, or there's some other way to identify the user's email (e.g. the order data is present on the page where the survey is embedded)
Start by copying your survey url:
We'll set var survey_url to this link (see script at the bottom).
Next use javascript to grab the email address from the page. In the script below you'll see we're pulling the email from the Shopify checkout page. We'll set var email_address to capture this data.
Finally we'll combine the two variables to append the email address to the url, and build the iframe with javascript. The final result is something like this:
<script>
function buildKnoIframe(){
var email_address = Shopify.checkout.email;
var survey_url = 'https://app.knoinsights.com/surveys/xxxxxxxxxxxxxxxxx';
var knourl = survey_url+'?email='+email_address;
var knoifrm = document.createElement("iframe");
knoifrm.setAttribute("src", knourl);
knoifrm.setAttribute("id",'proveItFrame');
knoifrm.style.width = "100%";
knoifrm.style.height = "400px";
document.getElementsByClassName("thank-you__additional-content")[0].appendChild(knoifrm);
}
buildKnoIframe();
</script>
If you have any questions about how to implement something like this on your own site, please reach out. This will only work if the customer's email can be identified from data available on the page you want to embed this on, so note that this may not be possible in all cases.