+ |
+ |
JS Widget can easily integrate into your WooCommerce 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 WooCommerce checkout page.
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 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 just need to add it to your checkout 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.v2.js"></script>
All you need to do is add the code with which you have been provided into your WooCommerce checkout page. Here is a blog post that helps you do just that. That's all. The email fields must now be integrated into DeBounce email validation engine.