Spam emails from Webflow forms typically result from bots abusing form submissions. Here’s how to significantly reduce or eliminate them.
1. Use Google reCAPTCHA
- Enable reCAPTCHA in Webflow’s form settings.
- Go to Project Settings > Forms, scroll to reCAPTCHA settings, and check “Use reCAPTCHA”.
- Set up a reCAPTCHA v2 API key pair at Google reCAPTCHA admin console.
- Use the Site Key and Secret Key in your Webflow project.
2. Add a Honeypot Field
- Webflow automatically includes a hidden honeypot field named
bot-field
. It’s hidden from users but visible to bots. - Ensure "Require bot protection (Honeypot)" is enabled in Project Settings > Forms.
- Avoid removing or renaming this field in the exported form code if you're hosting externally.
3. Use a Third-Party Spam Filter
- Use tools like Formspree, Zapier + Akismet, or Formspark as an alternative backend for form handling.
- These services allow additional spam filtering and validation.
4. Block Problem IP Addresses
- If you identify specific IPs attacking a site via form, you can implement IP filtering via Cloudflare or your own hosting firewall (if exporting the site).
- Webflow hosting does not currently allow IP blocking, so you'll need to upgrade to third-party processing or use Cloudflare Workers for this.
5. Avoid Displaying Plain Email Addresses
- Don’t expose raw email addresses on your site. Use Webflow’s form elements or JavaScript-based obfuscation to avoid scraping.
- Use automation tools like Zapier or Make (Integromat) to:
- Throttle submissions from the same email/IP.
- Analyze form content before allowing a submission to reach the client's inbox.
Summary
To eliminate spam emails in Webflow forms: enable reCAPTCHA, use honeypot protection, and optionally integrate third-party services for deeper spam filtering. These steps greatly reduce spam without sacrificing user experience.