By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Bloquer les e-mails non professionnels des formulaires Webflow

Image d'illustration formes 3D
Temps de lecture
5 min

Vous vous demandez comment on peut bloquer les e-mails non professionnels des formulaires Webflow, tels que Gmail, Yahoo ou encore Hotmail ? Il est possible de créer une liste dans laquelle certains noms de domaine seront bloqués.

Finsweet, en 3 étapes

Finsweet dispose du “Hack #18” qui va vous permettre d’atteindre cet objectif. Mais comment fonctionne-t-il ? Finsweet va simplement ajouter du code Javascript, et ainsi bloquer les e-mails non professionnels.

Etape 1 : Copier-coller

La première étape est de copier-coller le code Javascript ci-dessous dans la balise nommée “before </body> tag”, dans la page de votre site Webflow où se trouve votre formulaire et les e-mails non professionnels à bloquer.

Etape 2 : Choisir les adresses à bloquer

Il faut maintenant choisir les adresses à bloquer. Gmail ? Yahoo ? Hotmail ? …

Il suffit de remplacer sur la ligne “const invalidDomains = ['AJOUTER-ICI']” la valeur “AJOUTER-ICI” et y mettre le nom de domaine que vous souhaitez bloquer.

Par exemple, si vous souhaitez bloquer les e-mails venant des adresses Google, remplacez “AJOUTEZ-ICI” par “gmail.com”. Et ainsi de suite pour les autres adresses !

Etape 3 : Identifier la fonctionnalité

Maintenant que le code est créé, il faut que le code Javascript puisse identifier le bouton de soumission, mais aussi le champ où l’on rentre l’adresse e-mail sur votre page de formulaire.

Comment on fait ?

  • Ajoutez la classe CSS .hack-button au bouton de soumission de votre formulaire
  • Ajoutez la classe .hack18-email au champ e-mail de votre formulaire

Et c’est déjà terminé ! Vous savez maintenant comment bloquer les e-mails non professionnels de vos formulaires Webflow.

Vous vous demandez comment on peut bloquer les e-mails non professionnels des formulaires Webflow, tels que Gmail, Yahoo ou encore Hotmail ? Il est possible de créer une liste dans laquelle certains noms de domaine seront bloqués.

Finsweet, en 3 étapes

Finsweet dispose du “Hack #18” qui va vous permettre d’atteindre cet objectif. Mais comment fonctionne-t-il ? Finsweet va simplement ajouter du code Javascript, et ainsi bloquer les e-mails non professionnels.

Etape 1 : Copier-coller

La première étape est de copier-coller le code Javascript ci-dessous dans la balise nommée “before </body> tag”, dans la page de votre site Webflow où se trouve votre formulaire et les e-mails non professionnels à bloquer.

Etape 2 : Choisir les adresses à bloquer

Il faut maintenant choisir les adresses à bloquer. Gmail ? Yahoo ? Hotmail ? …

Il suffit de remplacer sur la ligne “const invalidDomains = ['AJOUTER-ICI']” la valeur “AJOUTER-ICI” et y mettre le nom de domaine que vous souhaitez bloquer.

Par exemple, si vous souhaitez bloquer les e-mails venant des adresses Google, remplacez “AJOUTEZ-ICI” par “gmail.com”. Et ainsi de suite pour les autres adresses !

Etape 3 : Identifier la fonctionnalité

Maintenant que le code est créé, il faut que le code Javascript puisse identifier le bouton de soumission, mais aussi le champ où l’on rentre l’adresse e-mail sur votre page de formulaire.

Comment on fait ?

  • Ajoutez la classe CSS .hack-button au bouton de soumission de votre formulaire
  • Ajoutez la classe .hack18-email au champ e-mail de votre formulaire

Et c’est déjà terminé ! Vous savez maintenant comment bloquer les e-mails non professionnels de vos formulaires Webflow.