Créer un formulaire de contact avec le formulaire de contact 7

Ouvrir l’index du contenu

Ce guide a été mis à jour le

Avec plus de 8 millions de téléchargements, la prise en charge du système AJAX, CAPTCHA vraiment simple e AkismetLe formulaire de contact 7 prend en charge les systèmes permettant d’éviter tout type de spam et est en fait un standard en matière de formulaires de contact.

Dans d’autres articles, nous avons vu qu’il existe plusieurs autres façons de créer des canaux de communication avec votre public, comme le courriel, Facebook, Twitter o Skype. Mais à ce jour, aucun d’entre eux n’excède complètement la fonctionnalité sur place du formulaire de contact.

Voyons maintenant comment vous utilisez Formulaire de contact 7.

Créer un formulaire de contact avec CF7

Avant de commencer, vous devez installer et activer ce plugin depuis votre panneau d’administration.

Créer un formulaire de contact avec le formulaire de contact 7

Voyons comment faire :

  1. accéder au tableau d’affichage de votre site et naviguer jusqu’à Plugins > Ajouter nouveau ;
  2. dans le champ de recherche, tapez Formulaire de contact 7 ;
  3. claquement Installer maintenant et une fois l’installation terminée, Allumé.

Maintenant que le plugin est actif, vous trouverez dans la barre latérale à gauche du panneau d’administration l’entrée Contacts. Cliquez dessus.

Créer un formulaire de contact avec le formulaire de contact 7

La première chose que vous verrez est une capture d’écran montrant la liste des formulaires de contact que vous avez créés (dès que vous activez le plugin, un formulaire de contact est déjà disponible pour servir de modèle).

Cliquez sur le nom du formulaire de contact pour commencer à le personnaliser.

Le mécanisme de création d’un formulaire de contact avec CF7 est très simple.

Créer un formulaire de contact avec le formulaire de contact 7

Dans le premier champ, vous voyez que vous pouvez entrer le champ nom du formulaire de contact.

Dans l’affaire « Module » vous trouverez un ensemble de codes HTML par défaut à laquelle correspondent une série de champs tels que : prénom, nom, email, texte, etc….

Supposons que vous vouliez insérer unZone de texte où l’utilisateur peut écrire sa demande.

Il vous suffit de placer le curseur dans la zone de texte à l’endroit où vous voulez que le champ de texte apparaisse, puis de cliquer sur « Zone de texte » au-dessus du formulaire.

Une fois cela fait, les balises et les codes HTML nécessaires pour afficher la zone de texte apparaîtront dans la zone de texte.

Vous pouvez ensuite procéder à la configuration du formulaire en ajoutant autant d’éléments que vous le souhaitez.

Pratiques recommandées pour créer un meilleur formulaire de contact

Construire des formulaires trop longs ou demander des renseignements personnels peut ennuyer les utilisateurs et les dissuader de soumettre leur formulaire. Il y a quelques ce que vous pouvez faire pour augmenter le taux de conversion des modules:

  • accumuler un peu formes plus simples possible, en ne demandant que les informations strictement nécessaires. Diverses études ont confirmé que la réduction du nombre de champs requis augmente considérablement le taux d’achèvement. Par exemple, pour télécharger nos Ebooks, nous n’avons besoin que du nom et du courriel.
  • Ne rendez pas obligatoire la saisie du numéro téléphonique. Demandez à nous fournir l’adresse e-mail à laquelle vous pouvez être contacté sans être interrompu pendant l’exécution de vos activités.
  • Personnaliser le texte contenu dans le bouton « Envoyer. Cet appel à l’action est perçu par beaucoup comme étant trop agressif. Tester différentes versions, en citant peut-être un avantage pour l’utilisateur (comme la réception d’un document gratuit, ou le but du formulaire).

Courrier

En cliquant sur l’onglet « Courrier », vous pouvez configurer le message qui vous sera envoyé lorsqu’un utilisateur envoie une demande via le formulaire de contact.

Dans le message, vous pouvez utiliser les mêmes balises que celles utilisées pour configurer le formulaire (encore une fois, vous verrez un exemple prêt).

Une caractéristique intéressante est qu’il peut être activé en cochant Mail 2 en bas de la page. Vous pouvez configurer un deuxième message à envoyer. Dans ce cas, vous pouvez le faire envoyer à l’un de vos employés, ou à l’utilisateur lui-même, pour confirmer la réception de la demande.

Créer un formulaire de contact avec le formulaire de contact 7

Messages

Dans l’affaire Messages vous pouvez configurer les messages de confirmation/erreur qui apparaîtront lorsque l’utilisateur essaiera de soumettre des formulaires de contact.

Créer un formulaire de contact avec le formulaire de contact 7

Si vous utilisez WordPress en anglais, les messages doivent déjà être configurés correctement. Cependant, je vous conseille de les lire attentivement pour vous assurer qu’ils sont corrects et d’adapter le ton au style que vous utilisez pour communiquer avec les visiteurs.

Autres réglages

Dans l’onglet Réglages supplémentaires vous trouverez une zone de texte dans laquelle vous pouvez coller des extraits de code pour personnaliser votre formulaire. Pour plus d’informations sur les codes que vous pouvez utiliser, visitez cette page sur le site officiel du plugin.

Intégration avec d’autres services

Si vous souhaitez protéger votre site contre le spam et les abus, le formulaire de contact 7 vous permet de utiliser le reCAPTCHA pour confirmer aux visiteurs qu’ils sont humains. Ce sont des messages comme ceux que vous voyez dans l’image ci-dessous.

Créer un formulaire de contact avec le formulaire de contact 7

Pour les définir, vous devez d’abord enregistrez votre site pour obtenir les clés qui vous permettront d’utiliser le service Google.

Créer un formulaire de contact avec le formulaire de contact 7

Remplissez le formulaire pour recevoir une clé du site (visible par les utilisateurs) et un secret à insérer dans CF7. Après l’enregistrement, revenez au formulaire de contact pour entrer la balise reCAPTCHA.

De cette façon, vous pouvez empêcher les robots d’envoyer des formulaires de contact.

Créer un formulaire de contact avec le formulaire de contact 7

Vous Je recommande d’utiliser le code reCAPTCHA au lieu de l’ancien captcha (ceux dont les images contiennent des lettres et des chiffres à transcrire), qui sont souvent indéchiffrables. De nombreuses recherches ont en effet montré que les anciens captcha ont un impact négatif sur la conversion des utilisateurs.

Maintenant que vous avez terminé la configuration de votre module de contact, n’oubliez pas d’effectuer des tests pour vérifier que tout fonctionne. Si vous rencontrez des problèmes, veuillez lire notre guide pour résoudre les problèmes de réception d’e-mail à partir du formulaire de contact.

Créer un formulaire de contact avec le formulaire de contact 7

Conclusion

Avez-vous vu comment utiliser un simple plugin pour créer un formulaire de contact efficace et sécurisé du spam ou de la violation.

En plus d’être utile comme moyen de communication et de contact avec votre public, c’est aussi un excellent moyen de recueillir les courriels de vos visiteurs pour commencer créer une liste de diffusion.

Ce type de formulaire permet également aux visiteurs de vous contacter en privé. Cela peut vous aider à établir un climat de confiance et à trouver des clients potentiels pour les ventes.

Pour tout doute ou question nous vous verrons dans la boîte de commentaires !

Partager l'article :

Facebook
Twitter
Pinterest
LinkedIn

Leave a Reply

Your email address will not be published.

Continuer votre lecture