JS Widget can easily integrate to your WooCommerce forms and validate your emails prior submitting the forms.
What do you need before starting?
- DeBounce public API key
- WooCommerce installed on your WordPress
Here is the step by step guide how to integrate DeBounce into your WooCommerce checkout page.
Creating public API key
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 checkout page.