+ |
+ |
Use JS Widget to quickly and easily integrate DeBounce real-time email validation into your OptimizePress fields.
What do you need before starting?
Here is a step-by-step guide on how to integrate DeBounce into your OptimizePress forms.
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.
Add your public API key into the following code. The integration code is now ready. You only need to add it to your OptimizePress 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>
Copy/paste the widget JS code into OptimizePress 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.