Pourquoi mettre un formulaire de contact ?
On pourrait très bien se contenter de laisser une adresse de contact visible du style “contact@xyz.com” mais cela reste beaucoup plus contraignant pour un visiteur qui souhaite vous contacter que s’il disposait en un clic d’un formulaire de contact.
Ne pas avoir la contrainte de devoir se connecter à sa boite mail, de devoir insérer votre adresse email favorisera énormément le contact avec les personnes qui veulent vous joindre.
En plus, insérer un formulaire de contact est simple et rapide à mettre en place.
Installer le plugin Contact Form 7
- Installer le plugin contact form 7 sur votre blog wordpress depuis votre tableau de bord : Extensions > Ajouter et tapez contact form 7 dans la zone de recherche.
- Pour télécharger le plugin contact form 7 sur votre ordinateur : cliquez ici
Une fois l’extension installée et activée, elle apparaîtra dans la colonne de gauche de votre tableau de bord sous le nom “Contact”
Commencez par renommer votre formulaire de contact
La page de paramétrages de contact form 7 vous propose une structure par défaut pour la page de contact de votre blog wordpress.
Cette structure par défaut comprend :
- Votre nom (obligatoire)
- Votre email (obligatoire)
- Sujet
- Votre Message
- Envoyer
Dans la majorité des cas, le formulaire par défaut devrait vous suffire et vous n’aurez pas à modifier la structure mais si cela ne vous convient pas, vous pouvez supprimer directement un élément en l’effaçant du formulaire et vous avez aussi la possibilité d’ajouter différents éléments grâce au bouton “générer un marqueur” situé sur la droite du formulaire.
Les options supplémentaires mises à votre disposition sont :
- Champ texte
- Champ email
- Zone de texte
- Menu déroulant
- Cases à cocher
- Boutons radio
- Acceptation
- Quiz
- CAPTCHA (fonctionne avec le plugin really simple capcha)
- Upload de fichier
- Bouton de soumission
Pour ajouter un élément, cliquez sur celui qui vous convient dans générer un marqueur et suivez les instructions qui apparaissent à l’écran.
Il s’agit juste de paramétrer le marqueur, de copier et coller le texte demandé dans le formulaire et dans le champ corps du message.
Voici un exemple en utilisant le marqueur Menu déroulant :
Pour cet exemple, nous avons modifié Sujet d’origine dans le formulaire par un menu déroulant pour pouvoir cataloguer les mails que l’on reçoit.
Au départ on a
<p>Sujet<br />
[text your-subject] </p>dans le formulaire
explications :
<p> = début de paragraphe
</p> = fin de paragraphe
<br /> = saut de ligne
[text your-subject] = la fonction pour faire apparaitre votre case de rédaction du sujet.
Ce que nous allons devoir modifier pour avoir le menu déroulant , c’est l’intérieur des [ ___ ]
Regardez l’exemple rempli ci-dessous :
Une fois cela rempli, récupérez l’ensemble de la ligne brune et remplacez le contenu entre [ ] dans la colonne formulaire.
Prenez ensuite le contenu de la ligne verte et insérez le dans le champ email en dessous.
N’oubliez pas de sauvegarder vos modifications
Il ne vous reste plus qu’à récupérer la ligne de code et à l’insérer dans votre page de contact.
Insérer le code de contact form 7 dans sa page
Pour cela, il vous faut :
- Créer une nouvelle page (Pages > Ajouter)
- Nommez votre page (ex : contact)
- Insérez le code de contact form 7 dans la zone de texte.
- Sauvegardez votre page
- Prévisualisez votre formulaire de contact
Votre page de contact vous convient ? Ajoutez la à votre menu.
Si cet article vous a plu, partagez-le avec vos amis.
Contact Form est plutôt complexe à utiliser non ?
bon là j’avoues qu’avec ce tuto, j’ai bien réussi mais j’avais installé ce plugin auparavant et je peux vous certifier que même mes neveux ont laissé tombé rapidement en voulant me filer un coup de main
Merci pour ce tuto, très simple et complet
par contre, j’aimerais garder la trace de tous les formulaires qui me sont envoyés depuis le site.
y a t il un moyen de faire ça avec Contact form 7? (Retrouver tous les messages envoyés par exemple dans le back office WP)
Merci
Bonjour Mike,
Je n’ai sais pas si contact form 7 le permet. Pour stocker vos formulaires d’un site au même endroit, une adresse mail qui ne servirait qu’à cela avec une redirection sur votre mail principal me semble une bonne alternative ?
Merci Fabrice
En fait l’idée était de pallier à une éventuelle défaillance de l’envoi de mail automatisé depuis WP…
J’ai installé un plugin du même auteur: Flamingo (http://flamingo-eggs.com/) qui fait ce qu’on lui demande, à savoir visualiser les messages postés depuis le ou les formulaire(s) Contact Form 7. Mais on ne peut pas télécharger les PJ depuis le back office…
Une idée?
Merci