Leadpages Email Verification Integration

JS Widget can easily integrate to your Leadpages forms and validate your emails prior to submitting the forms.

What do you need before starting?

1. DeBounce public API key
2. Leadpages account
3. A Leadpages page that includes a form.

Here is a step-by-step guide on how to integrate DeBounce into your Leadpages forms.

Creating a public API key

Navigate to https://app.debounce.io/api and create an API key, then copy the public API key.

Next, you need to add your domain URL to 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.

Adding Public API into JavaScript Code

Add your public API key into the following code. Now, the integration code is ready. You only need to add it to your Leadpages page.

<script type="text/javascript">
DeBounce_APIKEY = 'YOUR_PUBLIC_API_KEY_HERE';
DeBounce_BlockFreeEmails = 'false'; //Set this value true to block free emails like Gmail.
</script>
<script async type="text/javascript" src="https://cdn.debounce.io/widget/DeBounce.js"></script>

Insert the JavaScript Widget into Leadpages

Copy/paste the widget JS code into Leadpages editor. The JS Widget will automatically detect email fields and validate them on real-time.

Please note: The JavaScript widget will only validate emails on the live version of the page, not from the editor screen.