Our website overlay channel allows you to customize a snippet within our platform, before installing it on your website as a pop-up NPS survey.
This is great for any touchpoint in your website – and in particular for automating surveys about a checkout or purchase process to understand your customers’ experience.
Setting up the website overlay is a quick 4 step process:
- Create and customize your survey through our web interface. Don't forget to specify the domain where survey will be implemented.
- Set a delay on when the survey appears, or limits on how often a visitor sees the survey on the configure step
- On the implement step, we will generate a custom snippet for you to use (Optional): At this stage you can add identities and properties to track visitors and their responses
- Copy and paste this snippet onto your website (you may need help with this)
Your snippet should look something like this:
<script id="zl-website-overlay-loader" async src="https://zenloop-website-overlay-production.s3.amazonaws.com/loader/zenloop.load.min.js?survey=<survey_hash_id>"></script>
If you want to make changes to the content (change colours, content etc.), you can do this directly through our application without altering the snippet itself. We will then pass this through to your website!
For more technical documentation, see our developer documentation
Solutions to common questions:
Q – Do I have to have recipients and/or properties?
A – No, these are not required, but will help you to respond to visitors later by storing their information. An identity (email) is required to add properties.
Q – Can I use the same survey on different pages?
A – Yes! Just use the same script.
Q – Can have multiple surveys on one page?
A – Not currently.
Q – Can I stop the same visitor seeing the survey when they visit the page again?
A – Yes, just go to step "configure" and set a delay on when the survey appears, or limits on how often a visitor sees the survey.
Q – How would I test the script?
When testing, you should add
&isTest=true to the script URL to avoid counting the answers:
<script id="zl-website-overlay-loader" async src="https://zenloop-website-overlay-production.s3.amazonaws.com/loader/zenloop.load.min.js?survey=<survey_hash_id>&isTest=true"></script>