Créer un formulaire de contact personnalisé avec WordPress

Pour créer un formulaire de contact WordPress personnalisé, installez une extension comme Contact Form 7, WPForms ou Ninja Forms, puis configurez ses champs et ses notifications. Ajoutez ensuite le formulaire à une page et envoyez un message de test pour vérifier son affichage et sa réception.

Choisir une extension de formulaire de contact WordPress

Le choix de l’extension dépend surtout de votre aisance avec son interface et des fonctions recherchées. Les trois extensions citées ci-dessous permettent de créer des formulaires, mais leur approche diffère.

• Contact Form 7 permet de gérer plusieurs formulaires et de personnaliser leurs champs à l’aide de balises. Il convient si vous êtes à l’aise avec une interface de configuration textuelle.
• WPForms propose une interface par glisser-déposer et des modèles de formulaires. Vous pouvez ajouter des champs et modifier leur ordre visuellement.
• Ninja Forms propose des modules complémentaires, notamment pour certaines intégrations de marketing par e-mail ou de paiement. Vérifiez les fonctions disponibles et les éventuels modules nécessaires avant de choisir.

Pour installer l’extension retenue, ouvrez l’administration WordPress, puis allez dans Extensions > Ajouter une extension. Recherchez son nom, cliquez sur Installer maintenant, puis sur Activer. Un nouveau menu apparaît généralement dans l’administration pour accéder aux formulaires.

Une seule extension suffit pour commencer. Avant de créer votre formulaire, déterminez les informations dont vous avez réellement besoin : cela vous aidera à choisir les champs et à garder le formulaire facile à remplir.

Créer et personnaliser les champs du formulaire

Dans le menu de l’extension, créez un formulaire ou partez d’un modèle existant. Pour une page de contact classique, les champs suivants constituent une base :

• le nom de la personne ;
• son adresse e-mail, pour pouvoir lui répondre ;
• le sujet de sa demande ;
• son message.

Vous pouvez aussi ajouter une case à cocher, des boutons radio ou une liste déroulante pour préciser le type de demande. Rendez obligatoires les champs nécessaires au traitement du message, sans demander plus d’informations que nécessaire.

Avec Contact Form 7

Ouvrez le formulaire dans le menu Contact de WordPress. Dans l’onglet du formulaire, utilisez les boutons de création de balises pour ajouter les champs souhaités. Vous pouvez modifier le texte des étiquettes et celui du bouton d’envoi dans le contenu du formulaire.

Vérifiez que chaque champ possède une étiquette compréhensible. Après une modification, enregistrez le formulaire avant de passer à la configuration des e-mails.

Avec WPForms

Créez un formulaire depuis le menu WPForms et choisissez un modèle si vous le souhaitez. Ajoutez les champs disponibles, puis faites-les glisser pour modifier leur ordre.

Cliquez sur un champ pour ajuster ses propriétés, notamment son étiquette et son caractère obligatoire. Enregistrez ensuite vos changements.

Configurer les notifications et les messages de confirmation

La création des champs ne suffit pas : l’extension doit aussi savoir où envoyer les demandes. Dans les réglages du formulaire, recherchez la section consacrée aux notifications ou aux e-mails.

1. Renseignez l’adresse qui doit recevoir les messages.
2. Vérifiez l’objet et le contenu de la notification.
3. Assurez-vous que les champs utiles, notamment le nom, l’adresse e-mail et le message, figurent dans l’e-mail reçu.
4. Configurez l’adresse de réponse avec le champ e-mail du visiteur si l’extension le permet.
5. Enregistrez les modifications.

Avec Contact Form 7, ces réglages se trouvent dans l’onglet E-mail du formulaire. Si vous ajoutez un champ au formulaire, pensez à vérifier qu’il est également repris dans le contenu de la notification : un champ visible sur le site ne figure pas nécessairement dans le message reçu.

Configurez aussi le message de confirmation affiché après l’envoi. Un texte simple indiquant que la demande a été envoyée aide le visiteur à comprendre ce qui s’est passé. Prévoyez également un message d’erreur compréhensible si l’envoi échoue.

Intégrer le formulaire à une page WordPress

Une fois le formulaire enregistré, ajoutez-le à la page ou à l’article où les visiteurs pourront vous écrire. Vous pouvez créer une page de contact dédiée ou utiliser une page existante.

Avec Contact Form 7, copiez le shortcode affiché dans la liste des formulaires ou sur l’écran de modification. Dans l’éditeur WordPress, ajoutez un bloc Code court, collez-y le shortcode, puis publiez ou mettez à jour la page.

Avec WPForms, ajoutez le bloc proposé par l’extension dans l’éditeur, puis sélectionnez le formulaire créé. Selon l’éditeur utilisé, un bouton d’ajout de formulaire peut également être disponible.

Si votre thème possède une barre latérale ou une autre zone de widgets, vous pouvez aussi y placer le formulaire à l’aide d’un widget ou d’un bloc adapté. Consultez le guide sur l’utilisation des widgets WordPress pour repérer ces emplacements.

Ouvrez ensuite la page publiée pour vérifier que le formulaire apparaît au bon endroit. S’il reste invisible, examinez les réglages de l’extension et les pistes présentées dans le guide sur les formulaires de contact qui ne s’affichent pas.

Tester l’envoi, la réception et l’affichage

Avant de considérer le formulaire comme terminé, effectuez un essai depuis la page publiée. Remplissez tous les champs, envoyez le message et vérifiez à la fois la confirmation affichée et la réception de l’e-mail à l’adresse configurée.

Testez également un envoi avec un champ obligatoire vide. Le visiteur doit pouvoir comprendre quelle information manque et corriger sa saisie.

Vérifiez ensuite le formulaire sur mobile : les champs, leurs étiquettes et le bouton doivent rester lisibles et utilisables sans défilement horizontal gênant. En cas de difficulté, consultez les conseils pour corriger un formulaire qui ne s’affiche pas sur mobile.

Si le message de confirmation apparaît mais que vous ne recevez rien, contrôlez l’adresse de notification et le dossier des courriers indésirables. Le guide sur les formulaires qui ne reçoivent pas d’e-mails présente d’autres vérifications. Si le formulaire affiche une erreur ou ne fonctionne toujours pas, un dépannage de votre site WordPress peut être nécessaire.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.