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