Déc
20

Un formulaire de contact dans WordPress avec Contact Form 7

Formulaire de contact WordPress

Aujourd’hui, j’ai ajouté un formulaire de contact au site. J’en profite donc pour faire un petit tuto rapide sur le sujet.

Choix du plugin

Première étape : quel plugin vais-je utiliser ? Réponse : Contact Form 7[en].

Ce plugin est parfait pour la mise en place rapide d’un formulaire de contact simple. Il dispose de fonctionnalités très intéressantes (consultez la doc officielle du plugin[en] pour davantage d’infos) :

  • Mécanismes anti-spam (CAPTCHA, Quiz, intégration avec Askimet).
  • Éditeur de formulaire.
  • Soumission du formulaire en Ajax.
  • Système de validation des champs du formulaire prêt à l’emploi.

Installation

Alors là, c’est vraiment ultra simple.

Dans l’interface d’administration de WordPress (nous utilisons la version 3.0), allez dans le menu Extensions>Ajouter. Recherchez alors les mots ‘contact form 7’.

Installation de contact form 7 (1)

Beaucoup de résultats vont s’afficher. Attention : vous devez trouver celui qui s’appelle tout simplement ‘Contact form 7’ :

Installation de contact form 7 (2)

Cliquez sur le lien ‘Installer maintenant’.

Ensuite, rendez-vous dans la section Extensions>Extensions>’Désactivée’ . Cliquez sur le lien ‘Activer’.

Installation de form contact 7 (3)

Dans votre menu de gauche, un nouvel élément ‘Contact’ a dû apparaître.

Création du formulaire et de la page Contact

Dans le menu de gauche, cliquez sur le menu ‘Contact’ (1). Vous constatez alors qu’un formulaire (3) a déjà été créé pour vous :

Installation de contact form 7 (4)

Recopiez alors le bout de code (2) :

[contact-form 1 "Formulaire de contact 1"]

Créons ensuite notre page Contact : Pages>Ajouter dans le menu de l’interface d’administration de WordPress.

J’ai intitulé ma page ‘Contactez-nous’. Dans le corps de la page, j’ai ajouté du texte (« Ce formulaire vous permettra… ») pour introduire mon formulaire, puis j’ai inséré la ligne de code que nous avons copié précédemment :

Installation de contact form 7 (5)

Publiez la page. Et hop ! Un joli formulaire de contact est disponible sur le site !

Un prochain article sera consacré à l’ajout de fonctionnalités supplémentaires à Contact Form 7 (CAPTCHA, etc…).



1 Comment to “Un formulaire de contact dans WordPress avec Contact Form 7”

  • danielle Paquette 11 juillet 2011 à 17 h 34 min

    Bonjour,

    Comment faire pour placer le contact à la droite de la page ?

    dp

Poster un commentaire

Edito

Bienvenue sur Mémorandom.

Mémorandom est le blog de 2 développeurs web, Appo et Nico.

Vous y trouverez des informations sur différents domaines touchant de près ou de loin au développement web

Tutoriels Yii Framework

Nos derniers articles

Blogs Dev

Liens

Étiquettes