Bloquer les e-mails non professionnels des 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.
