Un formulaire de contact permet aux visiteurs de votre site web WordPress de vous envoyer un message directement depuis le site. Les champs typiques sont le nom, l'adresse e-mail, l'objet et le message. Selon l'usage prévu, d'autres champs peuvent être ajoutés.
WordPress ne contient pas lui-même de générateur de formulaire de contact complet. C'est pourquoi on utilise généralement une extension pour un formulaire de contact classique. Dans ce guide, nous utilisons Contact Form 7 par exemple. Le plugin est très répandu depuis de nombreuses années et peut également être utilisé pour de simples formulaires de contact comportant quelques champs.
En bref : Installez d'abord une extension de formulaire, créez-y votre formulaire de contact, renseignez l'adresse de destinataire souhaitée et insérez ensuite le formulaire final sur une page WordPress. Ensuite, veillez impérativement à envoyer vous-même un message de test.
De quoi a besoin un formulaire de contact simple ? #
Pour un formulaire de contact ordinaire, quelques champs suffisent souvent :
- Nom
- Adresse e-mail
- Objet
- Message
- Bouton d'envoi
Quelles sont les informations réellement nécessaires dépend de l'objectif du formulaire. Un formulaire de contact général nécessite généralement moins d'informations que, par exemple, une demande de support, de devis ou de réservation.
Recommandation : Demandez uniquement les informations dont vous avez réellement besoin pour traiter la demande. Un formulaire clair est généralement plus agréable pour les visiteurs qu'un formulaire comportant de nombreux champs obligatoires inutiles.
Installer le plugin de formulaire de contact #
Pour ce guide, nous utilisons Contact Form 7.
Connectez-vous d'abord à l'administration WordPress et ouvrez :
Extensions → Ajouter une extension
Cherche là-bas :
Contact Form 7
Assure-toi de choisir le bon plugin. Installe-le puis active-le.
Après l'activation, un élément de menu supplémentaire apparaît dans l'espace d'administration de WordPress pour la gestion des formulaires de contact.
Créer un nouveau formulaire de contact #
Dans l'administration WordPress, ouvrez la section pour Contact ou les formulaires de contact.
Selon la version du plugin et la langue de votre installation WordPress, certaines désignations peuvent légèrement différer.
Vous pouvez modifier un formulaire standard existant ou en créer un nouveau.
Attribuez un nom interne unique, par exemple :
Formulaire de contact de la page principale
Ce nom ne s'affiche pas automatiquement comme titre sur votre site web. Il vous aide surtout à différencier plusieurs formulaires par la suite.
Définir les champs de formulaire #
Contact Form 7 fonctionne avec des balises de formulaire. C'est ainsi que les différents champs de saisie sont définis.
Un formulaire simple peut par exemple contenir des champs pour les informations suivantes :
- Nom de l'expéditeur
- Adresse e-mail
- Objet
- Message
De plus, le formulaire nécessite un bouton d'envoi.
Utiliser judicieusement les champs obligatoires #
Certains champs peuvent être définis comme obligatoires. Cela signifie que le formulaire ne peut pas être envoyé tant que ces champs n'ont pas été correctement remplis.
Dans le cas d'un formulaire de contact simple, une adresse e-mail valide et le message proprement dit sont souvent particulièrement judicieux.
Cependant, vous ne devriez pas rendre chaque champ obligatoire automatiquement.
Conseil pratique : Plus un formulaire de contact comporte de champs obligatoires, plus l'effort est important pour le visiteur. Limitez par conséquent les informations obligatoires à celles qui sont réellement nécessaires au traitement utile de la demande.
Définir l'adresse e-mail du destinataire #
Une partie décisive de la configuration se trouve dans les paramètres de messagerie du formulaire.
Cela définit l'adresse à laquelle WordPress doit envoyer le message du formulaire.
Vérifiez en particulier le champ du destinataire. Utilisez une adresse e-mail à laquelle vous avez réellement accès et par laquelle vous souhaitez traiter les demandes.
Par exemple, une adresse comme celle-ci pourrait être utilisée :
kontakt@deine-domain.ch
Configurer correctement l'adresse de l'expéditeur #
Outre l'adresse du destinataire, la configuration de l'expéditeur est également importante.
Une erreur fréquente consiste à utiliser directement l'adresse e-mail saisie par le visiteur comme expéditeur technique du message.
Cela peut poser des problèmes avec les serveurs de messagerie modernes et leurs contrôles de sécurité, car WordPress essaie par exemple d'envoyer un message avec un domaine tiers comme expéditeur via son propre serveur.
Il est généralement plus judicieux d'utiliser une adresse d'expéditeur provenant de son propre domaine de site web, par exemple :
wordpress@deine-domain.ch
ou
kontakt@deine-domain.ch
L'adresse e-mail saisie par le visiteur peut être utilisée à la place pour l'adresse de réponse.
Important : L'adresse e-mail du visiteur et l'adresse d'expéditeur technique du formulaire ne sont pas identiques. Une configuration correcte de l'expéditeur peut s'avérer décisive pour que les messages du formulaire soient traités correctement par les serveurs de messagerie récepteurs.
Quelle est l'adresse de réponse ? #
Le dé Adresse de réponse détermine à quelle adresse une réponse est envoyée lorsque, dans ton programme de messagerie, tu cliques sur Réponses cliques.
Cela permet techniquement d'envoyer le message à partir d'une adresse de votre propre domaine, tout en faisant en sorte que votre réponse soit tout de même envoyée directement au visiteur.
C'est une distinction importante dans les formulaires de contact :
- De / Expéditeur : adresse d'expéditeur technique de ton site web
- À / Destinataire : Adresse à laquelle tu souhaites recevoir la demande
- Répondre à : Adresse e-mail du visiteur
Définir l'objet de l'e-mail du formulaire #
L'objet du message entrant peut également être configuré.
Un objet clair vous aidera plus tard à identifier rapidement les messages du formulaire de contact dans votre boîte de réception.
Par exemple :
Nouvelle demande via le site web
Si le formulaire contient un champ d'objet, son contenu peut également être inclus dans l'objet de l'e-mail, selon la configuration.
Configurer le contenu du message de l'e-mail #
Dans la section e-mail, vous définissez également quels champs de formulaire apparaissent dans le message envoyé.
Si vous ajoutez plus tard un nouveau champ au formulaire, cela ne signifie pas nécessairement que son contenu apparaîtra automatiquement à l'endroit souhaité dans l'e-mail.
Vérifiez par conséquent toujours aussi la configuration des e-mails après des modifications apportées au formulaire.
Enregistrer le formulaire de contact #
Après avoir vérifié les paramètres du formulaire et de l'e-mail, vous enregistrez le formulaire de contact.
Le formulaire existe déjà dans WordPress, mais il n'est pas encore affiché automatiquement sur une page publique.
À l'étape suivante, il doit être intégré à l'endroit souhaité.
Insérer un formulaire de contact sur une page WordPress #
Ouvre la page sur laquelle le formulaire doit apparaître, par exemple ta page de contact.
Selon l'éditeur et le plugin utilisés, différentes options d'intégration sont disponibles.
Contact Form 7 fournit son propre bloc WordPress pour les formulaires créés. Dans l'éditeur de blocs, sélectionnez le bloc Contact Form 7 correspondant, puis le formulaire souhaité.
Selon le mode de fonctionnement ou l'environnement utilisé, il est également possible d'utiliser un code court fourni par le plugin.
Qu'est-ce qu'un shortcode ? #
Un code court est une instruction WordPress brève placée entre crochets. WordPress ou une extension remplace ce paramètre fictif par le contenu correspondant lors de l'affichage.
Dans le cas des extensions de formulaires, un code court (shortcode) peut par exemple faire en sorte que le formulaire de contact créé préalablement soit affiché à cet endroit.
Le shortcode concret est généré par le plugin et ne doit pas être inventé.
Publier ou mettre à jour la page de contact #
Après avoir inséré le formulaire, vous enregistrez ou mettez à jour la page.
Ouvre-la ensuite dans le frontend de ton site web et vérifie l'affichage.
Prêtez une attention particulière à :
- Étiquettes des champs
- Champs obligatoires
- Distances
- Largeur des champs de saisie
- Champ de message
- Bouton d'envoi
- Affichage sur les smartphones
Testez impérativement vous-même le formulaire de contact #
Un formulaire n'est pas prêt simplement parce qu'il a l'air correct sur le site web.
Effectuez toujours un test fonctionnel complet après l'installation.
- Ouvrez la page de contact comme un visiteur normal.
- Saisissez un nom de test.
- Utilisez une adresse e-mail à laquelle vous avez accès.
- Écris un message de test unique.
- Envoyez le formulaire.
- Vérifiez la confirmation sur le site web.
- Vérifiez ensuite la boîte de réception de l'adresse de destinataire enregistrée.
- Vérifie également le dossier spam, le cas échéant.
- Répondez au message pour tester et vérifiez l'adresse de réponse.
Conseil pratique : Ne vous contentez pas de tester si un e-mail arrive. Vérifiez également l'expéditeur, l'adresse de réponse, l'objet et le contenu du message. Ce n'est qu'ainsi que vous saurez si le formulaire est entièrement et correctement configuré.
Le formulaire indique „ Envoyé avec succès “, mais aucun e-mail n'arrive #
C'est un problème typique de WordPress et cela ne signifie pas automatiquement que le formulaire lui-même est défectueux.
Le plugin de formulaire et l'envoi d'e-mails sont deux niveaux différents.
Le formulaire peut transmettre la requête avec succès à WordPress, tandis que l'e-mail généré à partir de celle-ci n'est pas distribué par la suite.
Les causes possibles sont par exemple :
- mauvaise adresse de destinataire
- configuration incorrecte de l'expéditeur
- Filtre anti-spam du destinataire
- Problèmes avec la fonction mail de PHP
- configuration SMTP manquante ou inadaptée
- Problèmes d'authentification lors de l'envoi d'e-mails
Vérifiez donc d'abord les paramètres du formulaire et des e-mails avant de recréer entièrement le formulaire.
Pourquoi SMTP peut être utile pour WordPress #
WordPress utilise par défaut sa fonction mail pour l'envoi d'e-mails. Cependant, le fait qu'un message ait été techniquement transmis à l'environnement de messagerie ne garantit pas de manière fiable qu'il finira effectivement dans la boîte de réception du destinataire.
Un plugin SMTP peut configurer WordPress pour que les messages soient envoyés via un serveur de messagerie défini ou un service d'envoi pris en charge.
Selon la configuration, cela facilite également l'authentification et le dépannage lors de l'envoi d'e-mails.
Sur CURIAWEB, cela est disponible pour cela GoSMTP PRO à disposition. Selon l'établissement, cela permet entre autres d'utiliser des protocoles d'expédition et d'autres options de diagnostic.
Important : SMTP n'est pas une garantie que chaque message sera délivré. La configuration DNS, la réputation de l'expéditeur, les filtres anti-spam et les règles du serveur de messagerie destinataire peuvent également influencer la distribution.
Le formulaire de contact ne fonctionne que pour certains expéditeurs #
Si les messages de certains visiteurs arrivent et d'autres non, vous devez vérifier la configuration exacte du formulaire et de la messagerie.
Il est de nouveau particulièrement important de faire la distinction entre l'adresse e-mail du visiteur et l'adresse d'expédition technique de votre site web.
N'utilisez pas sans vérification des adresses de visiteurs quelconques comme expéditeur technique.
Formulaire de contact et spam #
Les formulaires de contact accessibles au public peuvent être trouvés par des robots automatisés et exploités à des fins de messages indésirables.
Un nouveau formulaire doit donc être examiné du point de vue de la protection contre le spam, après une vérification de base de son fonctionnement.
Les procédures possibles sont, par exemple :
- Techniques de pot de miel
- Procédure CAPTCHA
- reCAPTCHA
- Cloudflare Turnstile
- plugininterne Spamfilter
- services anti-spam externes
La solution judicieuse dépend du plugin de formulaire utilisé, du volume de spam et des exigences du site web en matière de protection des données.
Respecter la protection des données dans les formulaires de contact #
Des données à caractère personnel sont transmises via un formulaire de contact. Celles-ci peuvent inclure, par exemple, le nom, l'adresse e-mail, le numéro de téléphone, des données techniques liées à l'adresse IP ou le contenu d'un message.
C'est pourquoi un formulaire de contact ne doit pas être considéré de manière isolée.
Vérifie entre autres :
- Quelles données sont effectivement collectées
- où ces données sont traitées ou stockées
- si le formulaire contacte des services externes
- si un service de CAPTCHA ou anti-spam transmet des données à des tiers
- si des informations sur le formulaire sont requises dans la politique de confidentialité
- combien de temps les données transmises sont conservées
Remarque : La configuration technique d'un formulaire de contact ne remplace pas un examen juridique du site Web. Les informations de confidentialité ou les consentements requis dépendent de l'utilisation concrète et des services intégrés.
Un formulaire de contact doit-il comporter une case à cocher pour la protection des données ? #
La question de savoir si une case à cocher explicite ou un consentement est nécessaire pour un formulaire spécifique ne peut pas être répondue uniquement à partir de WordPress.
Cela dépend entre autres de finalité du traitement, des données collectées, des services intégrés et de la base juridique respective.
Une case à cocher ne doit donc pas être intégrée simplement parce qu'elle est présente sur d'autres sites web. De même, elle ne doit pas être omise sans vérification.
En cas de questions juridiques, vous devriez demander l'avis d'un expert.
N'utiliser les téléchargements de fichiers que lorsque cela est vraiment nécessaire #
De nombreux plugins de formulaires permettent également le téléchargement de fichiers.
Cependant, le téléchargement d'un fichier augmente la complexité et peut soulever des questions supplémentaires en matière de sécurité et de confidentialité.
Si vous avez besoin de téléchargements, vous devriez notamment contrôler les types de fichiers, la taille maximale des fichiers, le stockage et les possibilités d'accès.
Pour un simple formulaire de contact, le téléchargement de fichiers n'est généralement pas nécessaire.
Ne pas étendre inutilement les champs de formulaire #
Il est techniquement simple d'ajouter toujours plus de champs. Mais cela ne rend pas un formulaire meilleur pour autant.
Demandez-vous pour chaque champ :
- Ai-je vraiment besoin de cette information ?
- Doit-elle être présente dès le premier contact ?
- Ce champ est-il obligatoire ?
- Puis-je demander l'information plus tard ?
C'est souvent le cas, en particulier avec les formulaires de contact généraux, qu'une structure brève et claire soit la meilleure solution.
Tester le formulaire sur les smartphones #
De nombreux visiteurs utilisent des formulaires de contact sur leur smartphone.
Par conséquent, vérifiez également la page de contact sur les écrans de plus petite taille.
Veillez particulièrement à ce que :
- Ne pas faire dépasser les champs de l'écran
- les étiquettes sont bien lisibles
- le bouton d'envoi est facile à utiliser
- Les messages d'erreur restent visibles
- aucun autre élément du site web ne recouvre le formulaire
Vérifier les formulaires après les mises à jour de plugins ou de thèmes #
Un formulaire de contact une fois configuré ne doit pas rester des années sans être vérifié.
Après des modifications majeures de WordPress, du thème, de l'extension de formulaire, de la configuration SMTP ou des systèmes de sécurité, un nouveau test de fonctionnement est judicieux.
Même indépendamment des mises à jour, il est recommandé de tester de temps en temps soi-même les formulaires importants pour l'activité.
Erreurs fréquentes dans les formulaires de contact WordPress #
- Créer des formulaires, mais ne jamais les tester soi-même
- enregistrer une mauvaise adresse de destinataire
- Utiliser l'adresse du visiteur non vérifiée comme expéditeur technique
- mal configurer le Reply-To
- ne pas inclure les nouveaux champs de formulaire dans la sortie de l'e-mail
- Ne pas vérifier le dossier spam en cas de problèmes de livraison
- Ne tester le formulaire que sur ordinateur de bureau
- demander un nombre inutilement élevé de champs obligatoires
- Ignorer complètement la protection anti-spam
- intégrer des services CAPTCHA externes sans contrôle de la protection des données
- partir du principe qu'un message de réussite confirme automatiquement l'envoi de l'e-mail
Liste de contrôle pour un nouveau formulaire de contact #
- Installer et activer le plugin de formulaire.
- Créer un formulaire de contact.
- Ajouter uniquement les champs nécessaires.
- Définir judicieusement les champs obligatoires.
- Vérifier l'adresse du destinataire.
- Configurer correctement l'adresse d'expéditeur technique.
- Vérifier l'adresse de réponse.
- Vérifier le contenu de l'e-mail.
- Insérer le formulaire sur la page souhaitée.
- Vérifier la page dans le front-end.
- Envoyer un message de test.
- Vérifier la boîte de réception et le dossier spam.
- Tester la fonction de réponse.
- contrôler l'affichage mobile.
- Vérifier les exigences en matière de spam et de protection des données.
Quand devez-vous contacter le support CURIAWEB ? #
Si le formulaire semble correctement configuré, mais qu'aucun message n'est envoyé ou que des erreurs techniques surviennent, une vérification de l'environnement WordPress et de la messagerie peut s'avérer utile.
Sont utiles à cet égard :
- le domaine concerné
- Nom du plugin de formulaire
- message d'erreur précis
- Domaine du destinataire du message de test
- si WordPress signale une transmission réussie
- si SMTP est utilisé
- depuis quand le problème existe
Vous ne devriez pas envoyer de mots de passe non sollicités dans un message au support.
Résumé #
Pour un formulaire de contact sous WordPress, vous avez généralement besoin d'une extension de formulaire. Avec Contact Form 7, vous pouvez créer un formulaire simple, définir les champs requis, puis intégrer le formulaire sur une page.
La configuration des e-mails est particulièrement importante. L'adresse du destinataire, l'adresse technique de l'expéditeur et l'adresse de réponse remplissent des rôles différents et doivent être configurées correctement.
Après la configuration, vous devez toujours tester complètement le formulaire. Un message de succès dans le navigateur ne prouve pas à lui seul que l'e-mail ainsi généré est effectivement bien arrivé chez le destinataire.
Prenez également en compte la protection contre le spam, l'affichage mobile et la protection des données. Un formulaire de contact n'est configuré de manière pertinente que lorsque la saisie sur le site web et la transmission ultérieure des messages fonctionnent de manière fiable.
