Comment afficher un champ d'adresse email de confirmation sur les formulaires WordPress

Une seule faute de frappe dans le champ de l'adresse e-mail et vous perdrez définitivement ce prospect. Une faute de frappe par-ci, une lettre manquante par-là… C'est l'une des raisons les plus courantes pour lesquelles des formulaires valides ne sont jamais pris en compte.

Ajouter un champ « Confirmer l'adresse e-mail » est la solution la plus rapide. Cela oblige les utilisateurs à saisir leur adresse deux fois, permet de détecter les fautes de frappe avant l'envoi du formulaire et ne prend qu'environ 15 secondes à configurer dans WPForms.

Dans cet article, je vais vous montrer comment activer la validation de l'adresse e-mail de l'utilisateur dans votre formulaire en quelques étapes simples.

En bref : la réponse en quelques mots

Pour ajouter un champ de confirmation d'adresse e-mail dans WPForms, ouvrez votre formulaire dans l'éditeur, cliquez sur le champ « E-mail » existant pour ouvrir les options du champ, puis activez l'option « Activer la confirmation par e-mail ». Enregistrez le formulaire. C'est tout : les utilisateurs verront désormais deux champs e-mail côte à côte et ne pourront pas valider le formulaire tant que les deux adresses ne correspondront pas.

Créez votre formulaire WordPress maintenant

Quel est l'intérêt du champ "Confirmer l'adresse" ?

Un champ de confirmation par e-mail invite les utilisateurs à saisir leur adresse e-mail à deux reprises. Si les deux adresses ne correspondent pas, le formulaire ne sera pas envoyé — et l'utilisateur recevra un message aimable l'invitant à corriger la faute de frappe.

C'est une petite amélioration de l'expérience utilisateur qui apporte plusieurs avantages majeurs :

• Moins de fausses pistes dues à des adresses comportant des fautes de frappe, telles que @gmial.com ou @yaho.com
• Une meilleure délivrabilité pour vos e-mails de relance (les e-mails non remis nuisent à votre réputation d'expéditeur)
• Assurez-vous que vos données soient propres dès le premier jour, que ce soit dans votre CRM, votre liste de diffusion ou votre système d'assistance
• Des taux de conversion plus élevés pour les formulaires d'inscription et d'adhésion

Cela vaut particulièrement la peine de l'ajouter aux formulaires de contact, aux formulaires d'inscription, aux formulaires de lead magnet et à tout ce qui est lié à une transaction payante.

Comment afficher un champ d'adresse email de confirmation sur les formulaires WordPress

Ajouter un champ pour l'adresse email de confirmation à vos formulaires WordPress est très facile. En fait, tout ce qu'il faut, ce sont 4 étapes simples, comme nous allons le montrer ci-dessous :

Étape 1 : Installer WPForms

La fonctionnalité de confirmation par e-mail est intégrée au champ « E-mail » standard de WPForms ; vous n'avez donc pas besoin d'extensions supplémentaires. Elle est disponible dans toutes les formules WPForms, y compris WPForms Lite.

Nous vous recommandons de commencer parWPForms Pro, qui regroupe certaines de nos fonctionnalités les plus populaires.

Si vous avez besoin d'un peu d'aide pour vous lancer, voici un guide pratique pourinstaller des plugins WordPress.

Étape 2 : Créer un formulaire

Une fois que vous avez installé et activé WPForms, vous pouvez créer un formulaire et l'ajouter à une page de votre site web.

Avec WPForms, c'est très facile à faire, car vous pouvez utiliser le générateur de formulaires par glisser-déposer ou simplement choisir parmi plus de 2 100 modèles de formulaires.

Pour ce faire, cliquez sur l'onglet WPForms dans la barre latérale gauche de la zone d'administration de WordPress. Cliquez ensuite sur Ajouter un nouveau formulaire.

Ceci vous amènera à l'interface WPForms où vous pourrez nommer votre formulaire et choisir un modèle. Commencez par saisir un titre pour votre formulaire, qui peut être n'importe quoi.

Choisissez ensuite un modèle qui vous convient. Pour ce guide, nous choisirons le modèle de formulaire de contact simple. Passez votre curseur sur le modèle de votre choix et cliquez sur Utiliser le modèle.

Le formulaire s'ouvre alors dans le générateur de formulaires, où vous verrez le modèle de formulaire sur la droite et un panneau avec les champs du formulaire sur la gauche.

Nous n'aurons pas besoin d'ajouter de champs de formulaire puisque celui que nous voulons - le champ email - est déjà ajouté au modèle de formulaire simple. Cependant, vous pouvez aller de l'avant et ajouter tous les autres champs dont vous avez besoin pour votre formulaire.

Pour des instructions pas à pas sur l'utilisation des formulaires WordPress, voici notre guide de création d'un formulaire de contact simple.

Etape 3. Modifier le champ Email

Pour ajouter un champ de confirmation par courriel, nous devons modifier le champ courriel. Il suffit de cliquer sur ce champ pour ouvrir les options de champ dans le panneau de gauche.

Cliquez sur le bouton Activer la confirmation par courriel pour activer cette option.

C'est tout ce que vous avez à faire ici. Votre formulaire demandera désormais aux utilisateurs de confirmer leur adresse électronique avant de l'envoyer.

Étape 4. Publier le formulaire

La dernière étape consiste à publier votre formulaire sur votre site WordPress. Tout d'abord, cliquez sur le bouton Enregistrer dans le coin supérieur droit de la page.

Ensuite, cliquez sur Embed, pour publier votre formulaire sur une page de votre site web.

Vous verrez une fenêtre modale vous offrant la possibilité d'intégrer le formulaire soit dans une nouvelle page, soit dans une page existante.

Nous intégrerons le formulaire dans une nouvelle page pour ce tutoriel en cliquant sur Créer une nouvelle page.

Donnez un nom à votre nouvelle page et cliquez sur " Let's Go".

Vous devriez maintenant voir votre éditeur de page WordPress ouvert avec votre formulaire placé à l'intérieur. Appuyez sur le bouton Publier en haut à droite pour mettre votre formulaire en ligne.

Lorsque vous affichez votre formulaire sur le frontend, vous verrez le champ de confirmation de l'adresse et les utilisateurs devront saisir leur adresse électronique deux fois pour la confirmer.

S'ils saisissent deux adresses électroniques qui ne correspondent pas, votre formulaire affichera un message de validation demandant à l'utilisateur de saisir à nouveau son adresse électronique.

Ils devront corriger leur erreur avant d'envoyer leur formulaire.

Et c'est tout ! Vous savez maintenant comment ajouter un champ d'adresse email de confirmation à vos formulaires WordPress en seulement 4 étapes.

Meilleures pratiques UX pour la vérification des courriels : 2 conseils supplémentaires

Bien que le champ de confirmation de l'adresse électronique soit très efficace pour réduire le nombre d'entrées avec des adresses électroniques incorrectes, il peut parfois être légèrement frustrant pour les utilisateurs de saisir leur adresse électronique deux fois dans le même formulaire.

Si vous pensez que l'ajout d'un champ supplémentaire pour l'e-mail de confirmation gâchera l'expérience utilisateur de vos visiteurs, voici deux conseils à essayer :

Mettre le champ "Email" plus en évidence

La pratique habituelle consiste à commencer les formulaires par un champ de nom. Mais placer le champ de l'adresse électronique en premier est une façon de le faire ressortir pour que les utilisateurs y prêtent plus d'attention et remplissent le champ avec plus de soin.

Ajouter un rappel dans l'étiquette du champ Email

Une autre solution consiste à ajouter un rappel au champ de l'adresse électronique, en demandant aux utilisateurs de vérifier que leur adresse électronique a été correctement saisie.

Cette opération peut être effectuée à partir du panneau d'options du champ e-mail. Il suffit de rechercher le champ Étiquette et d'ajouter du texte à l'endroit où figure la mention Email.

Et si vous le souhaitez, vous pouvez utiliser une combinaison de ces conseils pour obtenir les meilleurs résultats.

Bonus : bloquer les adresses e-mail fausses ou jetables

L'option « Activer la confirmation par e-mail » permet de détecter les fautes de frappe, mais elle n'empêchera pas quelqu'un de saisir délibérément une fausse adresse (comme [email protected] ou une boîte de réception jetable valable 10 minutes, telle que Mailinator). Si cela pose un problème pour vos formulaires, WPForms propose deux autres outils intégrés au même champ e-mail :

• Liste blanche — N'accepter que les soumissions provenant de domaines spécifiques. Utile pour les formulaires internes à l'entreprise lorsque vous souhaitez que seules les adresses e-mail @votreenprise.com soient acceptées.
• Liste noire — Rejette les soumissions provenant de domaines spécifiques ou d'adresses précises. Idéal pour bloquer les fournisseurs d'adresses e-mail jetables connus.

Ces deux options se trouvent dans la section « Options du champ » → « Avancé » du champ e-mail. Associez-les à l'option « Activer la confirmation par e-mail » pour obtenir les données d'e-mail les plus fiables possibles sans avoir à recourir à du code personnalisé.

Et c'est tout !

Nous vous avons montré comment confirmer une adresse e-mail dans vos formulaires, et nous avons partagé 2 conseils UX supplémentaires.

N'hésitez pas à les essayer ! Et vous pouvez jeter un coup d'œil à notre guide des meilleures pratiques en matière de conception de formulaires pour obtenir d'autres conseils sur la conception et la mise en page des formulaires !

Foire aux questions sur la confirmation des adresses e-mail

Ai-je besoin de WPForms Pro pour ajouter un champ de confirmation par e-mail ?

Non. Le bouton « Activer la confirmation par e-mail » est intégré au champ « E-mail » standard et fonctionne avec toutes les formules WPForms, y compris WPForms Lite (la version gratuite).

Le champ de confirmation de l'adresse e-mail vérifie-t-il que l'adresse e-mail existe bel et bien ?

Non — cette fonctionnalité vérifie simplement que l'utilisateur a saisi deux fois la même adresse. Elle ne garantit pas que la boîte de réception existe réellement ni que les messages envoyés à cette adresse seront effectivement reçus. Pour ce type de validation, associez-la à des règles de liste blanche/liste noire ou à un service tiers de vérification d'adresse e-mail.

Pourquoi mon formulaire continue-t-il à recevoir des adresses e-mail erronées alors que la confirmation est activée ?

Cela s'explique généralement par l'une des trois raisons suivantes : les utilisateurs saisissent délibérément de fausses adresses, la fonction de remplissage automatique du navigateur insère la même adresse erronée dans les deux champs, ou des robots contournent la validation JavaScript. Pour remédier à cela, ajoutezun CAPTCHA, activez les règles de liste noire et désactivez le remplissage automatique dans le champ de confirmation.

Puis-je personnaliser le message d'erreur qui s'affiche lorsque les deux adresses e-mail ne correspondent pas ?

Oui. Cliquez sur le champ « E-mail » dans l'éditeur, accédez à l'onglet « Avancé », puis modifiez le champ « Message d'erreur de confirmation ». Vous pouvez utiliser n'importe quel texte qui correspond au ton de votre marque.

Le champ de confirmation par e-mail fonctionnera-t-il sur mobile ?

Oui. Sur mobile, WPForms affiche le champ de confirmation de l'adresse e-mail sous la forme de deux champs de saisie superposés, pour une mise en page facile à utiliser. Aucune configuration supplémentaire n'est nécessaire.

Quelle est la différence entre une confirmation par e-mail et une vérification par e-mail ?

Confirmation de l'adresse e-mail = l'utilisateur saisit son adresse deux fois et les deux doivent correspondre (ce qui permet de détecter les fautes de frappe). Vérification de l'adresse e-mail = vérification effective de l'existence de la boîte de réception et de sa capacité à recevoir des e-mails, généralement via un e-mail de confirmation ou une API de vérification. La fonctionnalité intégrée à WPForms est la confirmation ; pour une véritable vérification, vous aurez besoin d'un service tel que ZeroBounce ou d'un processus de double confirmation par e-mail.

Puis-je rendre le champ « e-mail de confirmation » facultatif ?

Pas vraiment — si le champ « E-mail » d'origine est obligatoire, le champ de confirmation hérite de ce paramètre. Si votre champ « E-mail » est facultatif, le champ de confirmation n'apparaîtra tout simplement pas, sauf si l'utilisateur commence à taper.

Ensuite, ajoutez des confirmations et des notifications personnalisées à vos formulaires WordPress

WPForms inclut de nombreuses fonctionnalités de construction de formulaires, y compris des messages de confirmation intégrés et des notifications par email avec un nom d'utilisateur, un sujet d'email et un message d'email personnalisés. Vous pouvez facilement les configurer directement dans le générateur de formulaires afin que vos utilisateurs sachent que leurs formulaires ont été soumis correctement.

Vous pouvez également recevoir des notifications de soumission envoyées à votre courriel d'administration et voir toutes les entrées de votre formulaire pour les champs répétitifs dans votre tableau de bord WordPress.

Prêt à créer des formulaires WordPress puissants et flexibles ? Commencez dès aujourd'hui avec le plugin de construction de formulaires WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et des intégrations avec les services d'email marketing et les CRM les plus populaires. Il offre également une garantie de remboursement de 14 jours.

Créez votre formulaire WordPress maintenant

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.