Vous voulez bloquer les e-mails non professionnels dans vos formulaires Webflow, comme Gmail, Yahoo ou Hotmail ? Vous pouvez créer une liste de noms de domaine à bloquer.
Bloquer les e-mails non professionnels avec Finsweet, en 3 étapes
Finsweet propose le « Hack #18 » pour y parvenir. Son principe est simple. Il ajoute du code JavaScript à votre page, qui bloque les e-mails non professionnels.
Étape 1, copier-coller le code
Copiez-collez le code JavaScript ci-dessous dans la zone before </body> tag de la page de votre site Webflow qui contient le formulaire concerné.
Étape 2, choisir les adresses à bloquer
Choisissez maintenant les domaines à bloquer, par exemple Gmail, Yahoo ou Hotmail.
Dans la ligne const invalidDomains = ['AJOUTER-ICI'], remplacez la valeur « AJOUTER-ICI » par le nom de domaine que vous souhaitez bloquer.
Pour bloquer les adresses Google, remplacez par exemple « AJOUTER-ICI » par « gmail.com ». Procédez de la même façon pour les autres domaines.
Étape 3, identifier les éléments du formulaire
Le code JavaScript doit maintenant reconnaître le bouton d’envoi et le champ où l’utilisateur saisit son adresse e-mail sur la page du formulaire.
Pour cela, procédez ainsi :
- Ajoutez la classe CSS
.hack-buttonau bouton d’envoi de votre formulaire. - Ajoutez la classe
.hack18-emailau champ e-mail de votre formulaire.
C’est terminé. Vous savez maintenant comment bloquer les e-mails non professionnels dans vos formulaires Webflow.