JS Widget can easily integrate into your Unbounce forms and validate your emails prior to form submission.
What do you need before starting?
Here is a step by step guide on how to integrate DeBounce into your Unbounce forms.
Navigate to https://app.debounce.io/api and create an API key, then copy the the public API key.
Next, you need to add your domain URL into the approved domains list. This is a security factor that only enables the widget on your specific domain. Click on "CORS Domains" and add your website address. Please note that the CORS URL must follow these rules: 1) It is not sensitive to http and https; 2) It is sensitive to www and non-www; 3) If your webpage is on a subdomain, you must add the subdomain too; 4) You must enter the root URL of your webpage. Some possible examples: example.com, my.example.com, www.example.com.
Add your public API key into the following code. The integration code is now ready. You only need to add it to your Unbounce page.
DeBounce_APIKEY = 'YOUR_PUBLIC_API_KEY_HERE';
DeBounce_BlockFreeEmails = 'false'; //Set this value true to block free emails like Gmail.
In the Manage Scripts window, copy the HTML snippet from DeBounce. Make sure that Placement is set to Before Body End Tag. Click Save Code to continue.
Once your page is saved, your DeBounce widget can start verifying emails.