JS Widget can easily integrate to your ClickFunnels forms and validate your emails prior submitting the forms.
What do you need before starting?
Here is the step by step guide how to integrate DeBounce into your ClickFunnels forms.
Navigate to https://app.debounce.io/api and create an API key. Then copy the the public API key.
Then, you need to add your domain URL into approved domains list. This is a security factor which enables the widget only on your 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 subdomain too 4) Enter the root URL of your webpage. Some approved examples: example.com, my.example.com, www.example.com.
Add your public API key into the following code. Now, the integration code is ready. You only need to add it to your ClickFunnels page.
DeBounce_APIKEY = 'YOUR_PUBLIC_API_KEY_HERE';
DeBounce_BlockFreeEmails = 'false'; //Set this value true to block free emails like Gmail.
On your ClickFunnels admin, from the page edit screen, click Elements > Add Element. Click Custom JS/HTML Element and drag it to your funnel page. No matter where your put the code. Then click the custom element to open the editor. Ensure the Custom Code Type field is set to 3rd Party Embed Code. Then, click Open Code Editor.
Copy the DeBounce JS Widget in the Code Editor. To return to your funnel page, close the Code Editor window.
Now, click Hide Element to make the JS element invisible. Now your DeBounce widget can work its magic on your page. You can access hidden elements and edit them or make them visible by clicking Elements > Manage Elements.