# Webflow Integration: Email Validation

URL: https://email-validation.org/integrations/webflow/
Updated: 2026-11-06

> Documentation index: https://email-validation.org/llms.txt

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.

[Read the full setup guide](https://email-validation.org/docs/guides/webflow/) [Get an API key](https://email-validation.org/signin/)

- Status: Setup guide
- Footer code, checked in the browser

**Footer code** Settings at the top

Settings

```text
key       'PASTE_YOUR_BROWSER_KEY_HERE'
region    'us'          or 'eu'
block     ['invalid']   add 'disposable' or 'catch_all'
messages  {}            your own wording
```

## At 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](https://email-validation.org/docs/authentication/#limits).
- **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](https://email-validation.org/docs/guides/webflow/)

## 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](https://email-validation.org/docs/guides/webflow/), which stays the reference when a step does not match what you see.

1. **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.
2. **Paste the footer code**: In Site settings, Custom code, paste the code from the guide into Footer code and replace `PASTE_YOUR_BROWSER_KEY_HERE` with your key. For one page only, use that page’s Before `</body>` tag instead.
3. **Save and publish**: Save and publish the site: Webflow runs custom code only on the published site, not in the Designer.
4. **Test it**: On the published site, `no_mailbox@sandbox.email-validation.org` shows the message, `likely_typo@sandbox.email-validation.org` a suggestion, and `accepted@sandbox.email-validation.org` is 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 class `ev-email-message`, for your own CSS.
- Set `region` to `'eu'` if your account processes data in the EU only: the checks then go to `https://api-eu.email-validation.org`.
- To keep the key off the page, [check submissions afterwards](https://email-validation.org/docs/guides/webflow/#afterwards) in an automation instead: that labels each submission but does not stop it.

## Related

- [The full Webflow setup guide](https://email-validation.org/docs/guides/webflow/)
- [Your key on a public page: what its limits protect](https://email-validation.org/docs/guides/webflow/#key)
- [Wix integration](https://email-validation.org/integrations/wix/)
- [Test addresses that cost nothing](https://email-validation.org/docs/test-addresses/)
- [All integrations](https://email-validation.org/integrations/)