WordPress

Installer Contact Form 7 rapidement sur WordPress et le configurer

Introduction

Un formulaire de contact est très bénéfique pour votre site web: il permet de garder votre adresse e-mail privée (réduisant ainsi le courrier indésirable)  et permet à vos visiteurs de contacter directement votre site.

Si vous avez créé une page Contactez-nous sur votre site WordPress, il est facile d’ajouter un formulaire de contact, de le personnaliser et de commencer à recevoir des messages.

La façon la plus simple de créer un formulaire est d’utiliser un plugin WordPress – actuellement, il y en a beaucoup. Dans ce tutoriel, nous utiliserons Contact Form 7 .

Avec plus de 3 millions d’installations actifs, Contact Form 7 est le plugin WordPress le plus utilisé. Son interface intuitive et sa configuration rapide vous aideront à créer un formulaire en un rien de temps.

Ce dont vous aurez besoin

  • Accès au tableau de bord de votre console WordPress

Étape 1 – Installation de Contact Form 7

  1. Connectez-vous à votre tableau de bord WordPress et sélectionnez Plugins> Ajouter dans le menu de gauche.
  2. Recherchez Contact Form 7 et sélectionnez Installer .
  3. Une fois installé, sélectionnez Activer pour activer le plugin sur votre site.

    contact form 7

Étape 2 – Création d’un formulaire

Une fois que le plugin est actif, une nouvelle section Contact s’affiche sur le menu côté gauche du tableau de bord.

  1. Sélectionnez Contact -> Créer un formulaire pour créer votre premier formulaire.
  2. Ajoutez un titre à votre formulaire, par exemple Formulaire de contact.
  3. Certais tagss et champs de saisie ont été placés sur le formulaire pour vous aider à démarrer. Vous pouvez les supprimer ou ajouter de nouveaux tags, et entrer des champs en les sélectionnant dans la liste affichée en haut de la zone de texte.
    ajouter formulaire contact

Si vous n’êtes pas sûr des étiquettes ou des champs de saisie dont vous pourriez avoir besoin, vous pouvez laisser le formulaire tel qu’il est, et vous pouvez toujours y revenir et l’éditer plus tard.

Selon les étiquettes et les champs de saisie choisis, votre code final devrait ressembler à ceci:

  • Vous pouvez ajouter et supprimer des éléments, selon vos besoins. Pour vous aider à démarrer, essayez avec ces boutons ci-dessous.balises formulaire
  • L’étoile * indique qu’un champ est obligatoire.

Étape 3 – Configuration du formatage du mail

Lorsqu’un visiteur écrit un message via votre formulaire, vous recevrez un courriel contenant son nom, ses coordonnées et l’ensemble de son message.

Vous pouvez configurer les mails via l’ onglet E-mail – certains tags sont listées en haut. N’hésitez pas à expérimenter en les ajoutant aux champs – vous pourrez toujours y revenir et faire des modifications plus tard.

IMPORTANT: assurez-vous de saisir une adresse électronique valide dans le champ « Pour» – c’est là que tous les messages seront livrés.

section email

Étape 4 – Personnaliser l’expérience utilisateur

Dans l’onglet Messages, vous pouvez personnaliser les messages que vos visiteurs voient lors de l’envoi du formulaire de contact – par exemple, vous pouvez configurer un message lorsque le formulaire a été envoy& avec succès et un message différent au cas où des erreurs seraient apparues (par exemple, le visiteur fournit une adresse e-mail non valide ou n’a pas rempli un champ obligatoire).

section messages

Étape 5 – Enregistrement et publication de votre formulaire

Lorsque vous êtes prêt, vous pouvez enregistrer vos modifications en cliquant sur Sauvegarder dans le panneau de droite.
Une fois que le formulaire est sauvegardé, un “shortcode” sera affiché en haut. Il est surligné en bleu, et il ressemble à ceci:shortcode contact form

Pour publier votre formulaire:

  1. Sélectionnez le shortcode et copiez-le
  2. Collez le shortcode dans la page, la publication ou le widget où vous souhaitez que votre formulaire soit affiché.
    ajouter shortcode
  3. Le résultat final devrait ressembler à ceci:
    contact form

Étape 6 – Test du formulaire WordPress

Il est important de tester votre formulaire afin de s’assurer qu’il marche comme prévu. En outre, il est essentiel de vous assurer que vous recevez les messages par mail.

Pour ce faire, visitez simplement votre site Web WordPress et soumettez le formulaire comme le ferait un visiteur – vous pouvez toujours revenir à l’éditeur de formulaire et effectuer des modifications.

Lorsque vous effectuez des modifications, n’oubliez pas d’appuyer sur le bouton Sauvegarder. Il n’est pas nécessaire de copier et coller le shortcode à nouveau.

Conclusion

Les instructions fournies dans ce tutoriel vous donnent les bases nécessaires pour créer et publier un formulaire de contact pour votre site WordPress et recevoir des messages par courrier électronique.

Vous vous sentez aventureux dans l’âme ? Vous pouvez expérimenter les balises et les espaces réservés, personnaliser votre formulaire, vos e-mails et encore plus. Vous pouvez également essayer Flamingo – un plugin de stockage de messages, pour stocker tous les messages reçus dans une base de données (particulièrement utile si votre serveur de messagerie a des problèmes).

Rejoignez des milliers d'abonnés du monde entier

et recevez des offres exclusives et tous les nouveaux tutoriels dans votre boîte mail

Please wait...

Merci de vous être inscrit !

Commencez à économiser dès maintenant !

Hébergement et nom de domaine tout-en-un à partir de

2
45
/mois