Veuillez noter que je publie maintenant mes articles sur Apical, ma plateforme d'apprentissage.

Contact Form 7 : une extension pour créer un formulaire de contact

En tant que Webmestre ou auteur d'un site Web, vous devez mettre en place différents moyens pour que les internautes puissent vous rejoindre :

  • Commentaires au bas d'une page : message visible pour tous les internautes
  • Page de contact avec votre adresse électronique : le message sera envoyé en privé mais souhaitons-nous vraiment publier notre adresse électronique ?
  • Page de contact avec un formulaire de contact : le message sera envoyé en privé sans publier notre adresse de courriel

La dernière option nous semble la plus appropriée pour envoyer un message privé. Et pour générer un formulaire de contact, rien de plus simple que l'utilisation de l'extension WordPress Contact Form 7.

▼Publicité

Formulaire de contact avec Contact Form 7

Étapes pour installer une extension

Pour installer une extension dans votre site WordPress :

  • Téléchargez l'extension (pour Contact Form 7, le téléchargement se fait ici : http://wordpress.org/plugins/contact-form-7/).
  • Décompressez le fichier .zip sur votre poste de travail, à l'endroit de votre choix.
  • Copiez le dossier décompressé sur votre serveur sous votresite/wp-content/plugins. Notez que chaque extension doit être dans son propre dossier.
  • Dans votre tableau de bord WordPress, cliquez sur « Extensions ».
  • Repérez votre nouvelle extension et cliquez sur « Activer ».

    WordPress : Activer l'extension Contact Form 7

Votre extension est maintenant prête à être configurée.

Étapes propres à Contact Form 7

Pour configurer votre formulaire de contact :

  • Toujours dans « Extensions », cliquez sur « Réglages » sous Contact Form 7.
  • Contact Form 7 permet de générer plusieurs formulaires qui peuvent être utilisés sur un même site WordPress. Un premier formulaire de contact est déjà existant. Il est possible de modifier ce formulaire ou d'en créer un nouveau. Nous allons modifier le formulaire existant donc cliquez sur « Modifier » sous ce formulaire.
  • Par défaut, le formulaire saisira le nom, le courriel, le sujet et le message à envoyer. Vous pouvez ajouter un champ prédéfini ou encore un champ de votre choix.

    Contact Form 7 - Champs saisis par défaut

  • Vous pouvez spécifier l'adresse de courriel à laquelle les messages doivent être envoyés. Selon les réglages initiaux, les messages seront envoyés à l'adresse de courriel de l'administrateur du site Web (celle qui est entrée sous « Réglages / Général / Adresse de messagerie »).

    Contact Form 7 - configurer les courriels envoyés

  • Vous pouvez finalement configurer les messages de confirmation et les messages d'erreur.

Insérer un formulaire dans une page Web

Pour insérer le formulaire dans une page Web, vous devez insérer le « shortcode » que vous retrouverez à côté du nom du formulaire dans l'écran de gestion (ex : [contact-form-7 id="4" title="Formulaire de contact 1"]).

Insérer un formulaire de contact de Contact Form 7

Pour plus d'information

« Contact Form 7 ». Contact Form 7. http://contactform7.com/docs/

« Contact Form 7 Email Issues  ». CF7 skins. http://kb.cf7skins.com/contact-form-7-email-issues/

Catégories

9 commentaires