Comment rejeter les emails non-professionnels dans un formulaire Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment bloquer les adresses email grand public (Gmail, Hotmail, Yahoo...) dans un formulaire Webflow B2B.

Exemple

Le script

Ajoutez ce script dans le body de votre page. Il intercepte la soumission et affiche un message d'erreur si l'email est d'un domaine grand public.

var BLOCKED = ['gmail.com', 'hotmail.com', 'hotmail.fr', 'outlook.com', 'yahoo.com',
  'yahoo.fr', 'wanadoo.fr', 'orange.fr', 'free.fr', 'laposte.net',
  'icloud.com', 'me.com', 'live.com', 'sfr.fr'];

document.querySelectorAll('form').forEach(function(form) {
  form.addEventListener('submit', function(e) {
    var emailInput = form.querySelector('input[type="email"]');
    if (!emailInput) return;
    var domain = emailInput.value.split('@')[1]?.toLowerCase();
    if (BLOCKED.includes(domain)) {
      e.preventDefault();
      emailInput.setCustomValidity('Merci d\'utiliser votre email professionnel.');
      emailInput.reportValidity();
    } else {
      emailInput.setCustomValidity('');
    }
  });
});

Personnalisez la liste noire

Ajoutez ou retirez des domaines dans le tableau BLOCKED selon votre secteur. Certaines entreprises autorisent Gmail Workspace (email pro sur domaine custom) : veillez à ne pas bloquer les vrais emails professionnels qui utilisent Gmail en backend.

Conclusion

Ce snippet réduit le bruit dans votre CRM et améliore la qualité de vos leads B2B. Voir aussi : honeypot anti-spam Webflow.