L’importance d’un formulaire de contact sur votre site WordPress
L’ajout d’un formulaire de contact sur votre site WordPress est essentiel si vous souhaitez être contacté sans être envahi par des spams de robots proposant des produits indésirables. Voici comment procéder.
Installation de l’extension pour créer le formulaire de contact
Pour commencer, rendez-vous sur le tableau de bord WordPress de votre site et accédez à la section “Extensions” et cliquez sur “Ajouter”.
Les extensions, également connues sous le nom de plugins en anglais, sont de petits programmes que vous pouvez ajouter à votre site WordPress pour lui donner des fonctionnalités spécifiques.
Dans notre cas, nous voulons ajouter un formulaire de contact, et une extension très performante pour cela est “Contact Form 7”.
Cliquez sur “Ajouter des extensions”, utilisez la barre de recherche pour trouver l’extension “Contact Form 7”.
Vous remarquerez que lorsque vous tapez correctement le nom de l’extension, elle apparaît généralement en premier.
Cliquez sur “Installer” et après quelques secondes, une fois l’installation terminée, le bouton se transformera en bouton bleu vous proposant d’activer l’extension. Cliquez sur “Activer”.
Une fois cela fait, vous pourrez créer votre premier formulaire de contact.
Lorsque vous installez l’extension “Contact Form 7”, celle-ci s’ajoutera en tant que menu dans le tableau de bord WordPress.
Vous verrez un onglet “Contact” ajouté par cette extension, vous permettant de faire trois choses :
- Accéder à la liste de vos formulaires de contact, car vous pouvez en avoir plusieurs
- Créer un formulaire (de contact ou pour d’autres usages)
- Gérer l’intégration
Nous allons explorer chacune de ces options plus en détail.
Création du formulaire de contact
Pour commencer, nous allons créer un formulaire.
Lorsque vous cliquez sur “Créer un formulaire”, l’extension “Contact Form 7” est assez intelligente pour ne pas vous embêter à créer des champs que tout le monde ajoute généralement sur les sites web. Elle pré-créera votre formulaire avec les champs de base requis.
Ce n’est pas compliqué à comprendre. Après le nom du label, vous retrouverez l’intitulé qui apparaîtra dans le formulaire.
Vous pouvez remplacer “obligatoire” par un astérisque (*) car les gens savent généralement qu’un astérisque signifie que le champ est requis.
Si vous avez un champ qui n’est pas indiqué comme obligatoire mais que vous souhaitez le rendre obligatoire, vous devrez simplement ajouter un petit astérisque à côté de la catégorie de champ spécifiée.
Ensuite, vous avez un champ “objet” et un champ “message”, qui ne sont pas obligatoires. Enfin, vous avez le bouton “envoyer”.
Ce n’est pas très compliqué.
Des boutons sont disponibles pour ajouter des champs ou des éléments à renseigner dans le formulaire par vos visiteurs.
Par exemple, après l’adresse e-mail, vous pouvez sauter une ou deux lignes et cliquer sur “tel” pour ajouter un champ de téléphone. Vous pouvez cocher la case si vous souhaitez que ce champ soit obligatoire, sinon laissez-le décoché. C’est tout ce que vous avez à faire, puis cliquez sur “Insérer la balise”.
Une fois cela fait, que se passe-t-il ?
Il vous suffit de donner un nom à votre formulaire, par exemple “Mon formulaire”, puis cliquer sur “Enregistrer”.
Vous pouvez ensuite accéder à l’onglet “Email” pour vérifier que tout est correct. Assurez-vous notamment que votre adresse e-mail est correcte.
En effet, lorsque quelqu’un envoie ce formulaire, vous recevrez un e-mail envoyé par le site, vous informant qu’une personne a essayé de vous contacter, avec les détails fournis dans le formulaire.
Sur cet onglet “Email”, vous pouvez voir le contenu de l’e-mail qui vous sera envoyé.
Tout ce qui est entre crochets correspond à des variables, c’est-à-dire les données renseignées par l’utilisateur lorsqu’il remplit les champs du formulaire.
Si tout est en ordre, cliquez sur “Enregistrer”.
Intégration du formulaire de contact
Votre formulaire est désormais créé. Maintenant, vous devez l’intégrer dans une page de votre site WordPress pour qu’il soit fonctionnel.
Juste en dessous du formulaire, vous trouverez un “code court” (ou “shortcode”), toujours entre crochets sur WordPress. Sélectionnez ce code court et copiez-le.
Ensuite, collez-le dans une page de votre site et instantanément, la page affichera le formulaire avec les champs que vous avez définis.
Fonctionnement du formulaire
Votre formulaire de contact est opérationnel. Si vous cliquez sur “Envoyer” sans rien remplir, il refusera l’envoi car les champs obligatoires sont vides. Un message d’erreur apparaîtra également en bas de la page.
Vous pouvez effectuer un petit test d’envoi avant de publier le formulaire pour vous assurer qu’il fonctionne correctement.
Cliquez sur “Envoyer”. Vous recevrez l’e-mail que vous-même vous êtes envoyé via le formulaire de contact.
C’est la première étape.
Nous savons maintenant que tout fonctionne correctement.
Ajout d’un système anti-spam : reCaptcha
Maintenant, ce dont nous avons besoin, c’est d’une protection pour ce formulaire.
Il est essentiel de le protéger car de nombreux robots sur internet détectent les formulaires de contact et les champs à remplir, puis saisissent des informations.
Ils envoient des messages publicitaires pour acheter des produits ou des choses qui ne nous intéressent absolument pas.
Vous vous retrouverez spammé tout au long de la journée, ce qui est très pénible.
Pour éviter cela, Google propose un outil totalement gratuit appelé “reCaptcha”.
Revenons à notre formulaire de contact. Accédez au menu “Intégration”, où vous trouverez un lien direct pour accéder à reCaptcha. Cette page vous permettra de configurer une protection pour votre formulaire.
Vous en avez probablement déjà vus sur internet.
Pendant un certain temps, il s’agissait d’un code à saisir dans le formulaire. Ce code n’était ni en chiffres ni en texte, mais sous forme d’image.
Ensuite, cela a évolué et ce que nous voyons souvent maintenant, c’est Google qui propose de simplement cocher une case pour dire “Je ne suis pas un robot”.
Maintenant, Google propose la version 3 de son reCaptcha.
Cette version ne nécessite aucune action de la part de l’utilisateur. Elle est capable de détecter, en fonction de la réputation et d’autres critères, s’il s’agit d’un robot essayant de remplir le formulaire ou d’une personne. Dans le cas d’un robot, elle bloquera le formulaire et empêchera l’envoi du message.
Vous pouvez l’installer assez facilement.
Il vous suffit de cliquer sur “reCaptcha”, puis sur “Console d’administration”.
Cliquez simplement sur le signe “+” pour créer un nouveau captcha.
Donnez-lui un libellé, vous pouvez utiliser le nom de votre site pour vous en souvenir.
Vous pouvez choisir entre la version 2 ou la version 3. La version 2 affiche une petite case sur le formulaire, invitant l’utilisateur à cocher pour confirmer qu’il n’est pas un robot. La version 3, quant à elle, est automatique et ne nécessite aucune action de la part de l’utilisateur. Google détecte automatiquement s’il s’agit de quelque chose de suspect ou d’une véritable personne essayant de vous contacter.
Ensuite, ajoutez votre nom de domaine et cliquez sur “Envoyer”.
Automatiquement, une fenêtre vous propose deux clés :
- Une clé du site
- Une clé secrète
Copiez ces deux clés et collez-les dans WordPress, dans l’intégration du reCaptcha, en cliquant sur “Configuration de l’intégration”.
Il y a une clé du site à intégrer et une clé secrète.
Collez la clé du site, puis collez la clé secrète et enregistrez toutes les modifications.
Si vous revenez sur votre page de formulaire de contact et que vous actualisez la page, en bas à droite, un petit symbole de protection reCaptcha apparaîtra, sécurisant ainsi votre site contre d’éventuelles tentatives suspectes de robots d’envoyer des publicités non désirées.
Pour l’utilisateur, cela sera transparent. Il lui suffira de renseigner son nom, son adresse e-mail, son téléphone et éventuellement l’objet de son message. Ensuite, il cliquera sur “Envoyer” et c’est tout !
Initiation à WordPress
Je vous ai montré comment ajouter un formulaire de contact à votre site WordPress.
Si vous débutez avec WordPress, je vous propose une formation d’initiation d’une heure et demie qui vous expliquera tout de A à Z sur le CMS le plus populaire : comment il fonctionne, ce que vous pouvez en faire, les plugins, les thèmes, etc.
Cliquez ici pour accéder à la formation d’initiation WordPress
