In this article we are going to learn how to verify an email address using an email verification widget. We will see step by step how to create a widget and how to insert it in a form to easily validate the email address field. The most interesting thing is that you don’t need any programming knowledge to use it. You can test the service for free by registering at Verify Email and creating an account in our verification service. Best of all, the widget will not only help you verify email addresses, but you can also use it to validate phone numbers, validate postal addresses or verify first and last names.

What is a widget

A widget to verify email addresses in a form field is a tool designed to ensure that the email address entered by a user is valid and correctly formatted. It works by checking the email syntax, making sure it follows the standard email structure (e.g. [email protected]), pinging the domain to confirm its existence, and connecting to the API to verify emails. This helps reduce errors, prevents false or misspelled emails and improves the quality of the data collected. By automatically validating email addresses at the point of entry, this widget improves the user experience and helps maintain the integrity of your contact database.

How to automate validation with the Email Verification API

An API(Application Programming Interface) allows different applications to communicate with each other. It provides a set of rules and protocols for developers to access functionality or data from another application, service or platform, facilitating integration and interoperability between different systems. VerifyEmails email verification API is an essential tool for companies that want to maintain high quality email lists, reduce bounce rates and improve email deliverability. Allows you to verify email addresses in real time, checking for syntax errors, domain validity and email existence. To use this API in a validation widget, first register at VerifyEmails and generate an API key. Integrate this key into the widget code, allowing communication with the VerifyEmails server. This automates the validation process, ensuring that only valid emails are added to the lists.

How email verification works in forms

Each time a user enters an email in the email field, the verification widget will make a call to the Verify Emails API to check in real time the status of the email. If the email is wrong, it will show the user a custom error message. The form owner can decide what to do, whether to block the user’s registration or allow the user to submit the data after “n” attempts.
To indicate the field to be checked by the widget, we only need to indicate the name of the DOM field The widget allows us to customize the messages and the behavior of the form when checking the data, through the form options.
In this case we will show a red line as an outline in the wrong field. The management of shipments is completely delegated to the form. Thanks to this simple mechanism, companies can improve by more than 12% the quality of the contacts captured through their Web site.

How to use email verification widgets

In the final step of widget creation, we will obtain the code that we must paste in the Web that contains the form. From here the Verify Emails service takes care of everything. The most interesting thing is that you have a view to see the status of the form verifications. So you will know how many of the registered emails have passed the verification filter.

Example of widget to verify forms

For those of you who need finer control over the behavior of the form, we have programmed the widget so that you can use an internal JS call to decide how you want to handle data validation. This management can be synchronous or asynchronous depending on your needs. We recommend that you visit the section on custom code examples for validation widget management to see some examples of their implementation.