Integrations
Webflow integration
A short script in your Webflow site’s footer checks the email field when the visitor leaves it or presses submit, and shows a message under the field when the address cannot receive mail. Every other submission goes through to Webflow as usual.
- Status: Setup guide
- Footer code, checked in the browser
key 'PASTE_YOUR_BROWSER_KEY_HERE'
region 'us' or 'eu'
block ['invalid'] add 'disposable' or 'catch_all'
messages {} your own wordingAt a glance.
- Status
- Setup guide. Not listed on a marketplace yet: you set it up yourself in a few steps, below and in the full guide.
- For
- Webflow site owners whose forms collect sign-ups, leads or bookings and who want a mistyped address caught while the visitor can still fix it.
- You need
- A Webflow site on a paid site plan, forms that use Webflow’s Email field, and a browser key made just for the form: only the Validate addresses permission, your site’s addresses as allowed origins, and a daily credit cap.
- Costs
- 1 credit = 1 validated address, as with any API request. Free: unknown results, API errors, malformed addresses and test addresses on sandbox.email-validation.org.
- Full guide
- Read the full setup guide
Typical uses.
Catch typos at sign-up
An invalid address stops the form with a message under the field, and with a suggestion such as Did you mean …? when the API has one.
Ask for a lasting address
Add disposable to the results that block, and a visitor with a throwaway inbox is asked for a permanent address instead.
Keep real sign-ups flowing
valid, catch_all, unknown and disposable results go through by default, and so does every submission when a check fails, the key is refused or no answer arrives in time.
Set it up. 4 steps.
The short version of the full setup guide, which stays the reference when a step does not match what you see.
Create a browser key
On the API keys page, give it only Validate addresses, your site’s addresses as allowed origins (plus your webflow.io address if you test there), and a daily credit cap a little above a busy day’s sign-ups.
Paste the footer code
In Site settings, Custom code, paste the code from the guide into Footer code and replace
PASTE_YOUR_BROWSER_KEY_HEREwith your key. For one page only, use that page’s Before</body>tag instead.Save and publish
Save and publish the site: Webflow runs custom code only on the published site, not in the Designer.
Test it
On the published site,
no_mailbox@sandbox.email-validation.orgshows the message,likely_typo@sandbox.email-validation.orga suggestion, andaccepted@sandbox.email-validation.orgis sent, all at no cost.
Good to know.
- The key in the script is public: anyone can read it in your page’s source. Allowed origins stop other websites from using it in their visitors’ browsers, but the daily cap is what limits the cost.
- Each address is checked once while the page is open, partial addresses are never sent, and the script writes nothing to the browser console, so an address is never logged.
- To leave one form unchecked, give it the custom attribute
data-ev-skip. The message is a paragraph with the classev-email-message, for your own CSS. - Set
regionto'eu'if your account processes data in the EU only: the checks then go tohttps://api-eu.email-validation.org. - To keep the key off the page, check submissions afterwards in an automation instead: that labels each submission but does not stop it.
Updated · Maintained by the email-validation.org team