Comment ajouter un honeypot anti-spam sur un formulaire Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter un champ honeypot anti-spam sur vos formulaires Webflow.

Comprendre le principe du honeypot

Un honeypot est un champ de formulaire invisible pour les humains (caché en CSS) mais visible pour les bots qui lisent le HTML. Si le champ est rempli à la soumission, c'est un bot : la soumission est ignorée. Les humains ne voient jamais ce champ et ne l'interagissent jamais.

1. Ajoutez un champ texte caché dans votre formulaire

Dans votre formulaire Webflow, ajoutez un champ texte supplémentaire. Donnez-lui un nom qui attire les bots : website, url, company_url. Cachez-le visuellement avec du CSS (pas display: none car certains bots le détectent) :

position: absolute; left: -9999px; opacity: 0;

2. Validez côté serveur ou avec Zapier

Dans votre intégration Zapier ou n8n, ajoutez une condition : si le champ honeypot est rempli, n'exécutez pas l'action (ne créez pas le contact, n'envoyez pas l'email). Pour les formulaires Webflow sans intégration, Webflow lui-même peut être configuré pour ignorer les soumissions avec ce champ rempli via un filtre Zap.

3. Activez reCAPTCHA Webflow (alternative)

Dans Project Settings > Forms, activez Enable reCAPTCHA. Webflow intègre automatiquement le reCAPTCHA v3 (invisible) sur tous vos formulaires. Solution plus robuste mais nécessite un compte Google reCAPTCHA.

Conclusion

Le honeypot est la technique anti-spam la moins intrusive pour vos visiteurs.