11 – Formulaire de contact pour WordPress
(4 votes, moyenne: 5,00 sur 5)
<< Index des tutos WordPress
< 10 – Tutoriel WordPress : gérer les pages de son blog
11 – Comment réaliser un formulaire de contact pour WordPress
Et nous voilà dans le tutoriel en vidéo qui m’aura donné le plus de plaisir jusqu’ici : la réalisation d’une page de contact, qui contiendra un formulaire permettant aux personnes désireuses de vous contacter de le faire le plus simplement possible.
Mais vous me demanderez sans doute l’intérêt de réaliser un tel travail alors que communiquer simplement son adresse mail sur une page de contact pourrait suffire… Voilà donc quatre bonnes raisons de mettre en place un tel formulaire :
- On révise ce qu’on a vu jusqu’ici avec l’installation et la prise en main du plugin « contact form 7«
- On ne risque pas de spam si les vilains robots viennent lire notre précieuse adresse mail,
- On peut se la péter en faisant comme sur les sites « pro »
, - On peut changer d’adresse mail de contact du jour au lendemain.
Bien sur, si je vous dis que vous allez pouvoir vous la raconter c’est parce que le formulaire de contact que nous allons mettre en place ensemble permettra à vos visiteurs de vous donner leur noms, leurs mails, leurs sites web ou blog, de vous joindre un fichier si nécessaire, leur message, sans compter la mise en place d’un champ de type « captcha » afin d’éviter le spam.
Allons-y !!
12 – Tutoriel WordPress : catégories, mots clefs et description >
?
5 janvier 2009 à 10:48
Merci pour vos tuoriels. Un petit souci avec contactform7. Il fonctionne parfaitement mais annule l’effet lightbox2
Cordialement
9 janvier 2009 à 22:28
Salut,
Tout simplement pour te dire BRAVO ! J’attends la suite avec impatience.
A bientôt
10 janvier 2009 à 9:34
Très bon tutoriel vidéo bravo
10 janvier 2009 à 21:27
Excellent, très simple et très efficace merci
14 janvier 2009 à 22:20
Et la suuuuiiiiiiitteeee pleaaaaaaaaaassssssseee !!!
J’étais lancé et là, bammm, ça s’arrête …
C’est comme pour les BD, vivement le prochain n° !!!
@+.
Nico.
31 janvier 2009 à 11:33
très sympa pour le néophyte que je suis,
à quand le captcha avec une question sémantique pour plus d’accessibilité? je pense aux mal-voyants…
en attendant j’ai adopté cette solution très simple.
Un grand merci pour le partage.
2 février 2009 à 14:42
bon ben c’est comme les autres (que je prends dans le désordre) c’est trop top
Continue (allez on se tutoie, oh l’autre!)
non mais c’est trop bien fait SIMPLE et ça marche à tous les coups.
fais en + sur tous les sujets possibles, ça nous sert trop
merci
5 février 2009 à 17:10
parfait ce tuto !! formulaire en place !! merciiiii !
8 février 2009 à 23:37
merci ça marche à merveille
18 février 2009 à 17:42
S@lut Bastien et bravo, que ça soit pour ce tutoriel ou pour le conspt du site en lui-même, c’est nickel :-)
Par contre je cherche un formulaire de contact qui serait multi-utilisateur, c’est à dire que l’on pourrait choisir (à partir d’un menu déroulant par exemple) son destinataire. Tu n’aurais pas ça dans tes cartons par hasard? :-)
18 février 2009 à 17:46
@wolfrog : comme d’hab, tu postes sur le forum et on te trouve un truc au poil (on essaiera au moins
)
22 février 2009 à 22:09
bonjour
je viens d’essayer contact form-7 et ne fonctionne pas l’envois de fichier et le captcha n’apparai pas
je ne comprens pas
pouvez vous nous aider?
4 mars 2009 à 23:55
c’est le premier tuto que je consulte ici et je n’ai pas cessé de me dire tout du long : « ce mec est génial! »
Merci à toi qui sait parler aux néophytes comme moi. C’est clair, c’est rapide, et quelle jolie voix !
18 mars 2009 à 17:39
Bravo pour la formation.
J’utilise actuellement cform pour mes formulaires. J’ai pas mal de difficultés à le faire fonctionner correctement …
Recommandez vous d’utiliser contact form 7 à la place ?
Contact form 7 permet-il de gérer l’inscription à une newsletter, les commentaire wordpress et la construction d’une base de données des utilisateurs du blog ?
Merci pour votre aide
18 mars 2009 à 17:40
18 mars 2009 à 17:45
@N&D : Sans doute un problème du coté de votre hébergement. Si le captcha ne fonctionne pas, supprimez-le !
@lilie : Merci beaucoup
@Stéphane : Comme expliqué dans la vidéo, contact form 7 fait un très bon formulaire de contact… et c’est tout
Pour wordpress, à chaque plugin son utilité, pas d’usine à gaz en perspective comme pour Joomla ou autre, pour le moment.
18 mars 2009 à 22:29
Super ! Bien expliquer… plugin également génial, quoi dire de plus… En plus pour avoir fait des vidéos tutoriels moi aussi je tiens à te dire chapeau parce que ce n’est pas un exercice facile…
13 avril 2009 à 12:28
[...] Formulaire de contact [...]
16 avril 2009 à 10:24
Superbe tutorial ! Chapeau, depuis le temps que je cherchais un bon plugin pour mettre un formulaire, simple, clair et sympa sur mon blog ;)
20 avril 2009 à 22:27
Salut Bastien,
Je voulais deja te remercier pour ton aide que tu nous fait part pour les formulaires contact form, c ‘est vraiment sympa de ta part ….
J’ai bien avance grace a toi…. Cool..
Par contre je rencontre encore une difficulte, jai suivi a la lettre tous tes conseils , mais kan je rentre tous les infos dans le formulaire contact form , je fais envoye… et kan je vais voir dans ma boite email … je recois bien le mail … et le contenu et vide …..
Peux tu m’aider pour ce genre de probleme? Dois je mettre un code html en plus ?
Est ce ke je dois ajouter kelke choses d’autres dans le corps du message a part [your message]
Merci de ton attention
Florian
20 avril 2009 à 22:43
Je viens de resourdre mon probleme …
merci beaucoup
10 mai 2009 à 0:17
Un tutorial clair, simple et efficace.
Bon boulot!
14 mai 2009 à 8:51
Génial ! Je débute avec WordPress, et je viens d’insérer un contact form, d’une simplicité grace à votre vidéo.
Super. Bonne continuation. Je vais explorer votre site.
15 mai 2009 à 17:28
Très bon tuto, j’ai pu faire un beau formulaire.
Mais je ne reçois pas les pièces jointes envoyées !? (Alors que je reçois bien le message) Comment ça se fait ?
Merci
16 mai 2009 à 13:18
Comme l’a si bien dit Lilie
« c’est le premier tuto que je consulte ici … Merci à toi qui sait parler aux néophytes comme moi. C’est clair, c’est rapide, et quelle jolie voix ! »
Bon, pour ce qui est de la « jolie voix », je suis plus « modéré », mais merci pour ce tuto « on ne peut plus clair » !
PS: site en construction
21 mai 2009 à 21:28
Hello, félicitation pour ce tutoriel vraiment très simple et très compréhensible, c’est du très beau travail !!!
10 juin 2009 à 15:04
Merci énormément pour toutes ces vidéos qui me facilitent la tâche, car une explication papier c’est bien mais une vidéo c’est mieux. Rien de tel que de voir ce que l’on nous explique. Encore merci pour tout ce que vous faites.
10 juin 2009 à 15:51
Merci beaucoup pour ces tutoriels de qualité sur Wordpress. C’est vraiment génial. J’ai suivi à la lettre toutes les consignes jusqu’à présent mais pour le formulaire de contact. J’ai fait tout ce qu’il faut mais quand je visionne la page de contact j’ai un message à la place du code de CAPTCHA : To use CAPTCHA, you need Really Simple CAPTCHA plugin installed. Et donc le code n’apparaît pas. J’ai pourtant bien installé le plug-in comme expliqué pour Contact form 7. Merci encore pour ces tutoriels et vidéos de qualité.
25 juin 2009 à 13:12
Bonjour et merci pour cette VidéoTuto.
J’ai le même problême
que Patricia(posté le 10/06/09).
Que faire pour afficher le code?
Merci d’avance et bonne continuation.
2 juillet 2009 à 12:09
En faite il faut bien penser à télécharger le plugin Really Simple CAPTCHA
5 juillet 2009 à 17:49
Bonjour,
et merci pour ces super tutos, ça simplifie vraiment l’existence!
Malheureusement, j’ai aussi le problème sus-cité, et pourtant j’ai bien installé really simple catcha, j’ai refait le formulaire deux fois, viré les cookies, etc, et pourtant le
captcha ne s’affiche pas !
Serait-ce un bug avec la version 2.8 de wordpress ?
5 juillet 2009 à 19:25
Vraiment que du bonheur. Si tous les tutos étaient aussi explicites, quel temps de gagné.
Je suis preneur pour tout nouveau cours !!!
25 juillet 2009 à 1:19
Merci !
14 août 2009 à 12:40
Bonjour et bravo pour cet ensemble de vidéo.
Petit soucis !
J’ai bien installé le plugin Contact Form 7 en ftp sur wp-contents plugins mais il n’apparait pas dans mon tableau de bord, donc je ne sais pas l’activer !!! Je suis en 7.2.1, j’ai d’autres pligins qui fonctionnent correctement.
Quelqu’un aurait-il une idée.
Merci d’avance.
22 août 2009 à 0:27
fan-tas-tique. Respect.
28 août 2009 à 23:29
Absolument excellent ce tuto.
30 août 2009 à 18:56
Bravo!!! un grand merci pour tes tutoriels, ils sont excellent pour un noob comme moi :)
3 septembre 2009 à 12:58
Merci pour le tuto.
Juste également une petite remarque concernant le plugin Really Simple CAPTCHA qu’il ne faut pas oublier d’installer
4 septembre 2009 à 23:05
Parfait tuto , merci bien ;)
PS : Qu’utilises tu comme plugin pour insérer des smileys dans les commentaires ?
9 septembre 2009 à 7:58
Merci à tous pour vos commentaires qui font chaud au coeur !
Pour le plugin des smileys : wp-grins il me semble
24 septembre 2009 à 12:07
mille fois merci pour ce tuto, le plug in really simple captcha ne semble pas fonctionner sous la dernière version de wordpress…
26 septembre 2009 à 14:53
Bonjour , merci , moi j’ai réussi mais il ce met pas en alignement center :(
27 septembre 2009 à 13:40
@Bob : Effectivement, oubliez le captcha sous le dernier WP, je l’ai laissé tomber aussi (je ne reçois de toute manière jamais de spam via le formulaire de contact)
@Nouipoz : ah … les css …
27 septembre 2009 à 15:42
Oui comment faire?
7 octobre 2009 à 18:00
Bonjour et merci pour ce tutorial vidéo.
J’ai installé le plugin contact 7 sur deux sites wordpress et tout fonctionne très bien.
Le seul hic c’est que les webmails utilisés pour la réception considèrent qu’il s’agit de spam.
Les mails n’arrivent donc pas dans la boîte de réception.
Dans le premier cas, il s’agit de Zimbra.free.fr
Dans le second cas, il s’agit de Laposte.net
Sur Gmail ça arrive dans la boîte de réception tout va bien.
Avez vous une idée pour que les messages ne soient plus considérés comme spam ?
Merci
16 octobre 2009 à 3:20
Terrible, merci pour le tuto, c’est parfait.
16 octobre 2009 à 17:21
Merci pour ce tuto très bien réalisé!
c’est tellement plus simple avec des explications claires
;p
20 octobre 2009 à 20:56
Bravo pour la vidéo explicative de « contact form 7″
Pour un néophyte comme moi, c’est une délivrance
J’ai donc réussi; le formulaire visible sur le site, MAIS je ne reçois sur mon mail que le message. Rien sur la partie nom-prénom-téléphone-mail…
Où est le problème ?
Merci
Bien cordialement
Fred
28 octobre 2009 à 16:14
Bonjour, j’ai réussi sans problème à créer un formulaire de contact avec contact-form7, mais je ne reçois aucun mail après l’avoir rempli. Est-ce un problème avec mon hébergeur (free), sachant que j’utilise les dernières versions de wordpress et contact-form7 ?
Merci de votre aide
Laurent
28 octobre 2009 à 16:26
tu as raison: génial !
29 octobre 2009 à 13:24
Un grand merci pour cette vidéo…
)
que j’ai dû revoir plusieurs fois (je suis un peu lent à la détente
ne parvenant pas à recevoir les pièces jointes.
Donc pour ceux ou elles qui feraient la même erreur que moi,
à savoir : copier l’intégralité de [file file564] dans la zone de « Dossier des pièces jointes » (c’est l’appellation que l’on a avec le plugin version : 7.2.0.6)
N’oubliez pas d’effacer le mot file pour ne laisser que
le nom de champ entre crochets : [file564]
C’est fou, le temps que l’on peut passer sur des détails…
Sinon, Génial !
Merci encore !!! (je ne l’ai pas déjà dit ?)
29 octobre 2009 à 14:28
Merci à tous pour vos commentaires
4 novembre 2009 à 12:30
Bravo pour le tuto: simple et efficace
Pour le CAPCHA, il faut installer un autre plugin « really-simple-captcha » pour que ça fonctionne avec les dernières versions de wordpress; un message apparaît dans le plugin « contact form 7″ à ce sujet. voir un exemple sur le site barweb.fr qui est mon espace de test en ce moment.
7 novembre 2009 à 15:09
Merci et Bravo ! c’est clair , avec une petite dose d’humour ,bref très utile !
12 novembre 2009 à 18:21
Bonjour,
eh bien grâce à toi, notre site prend forme ! Bon, la il est en mode test… mais ça viendra !
J’ai juste un petit problème… le wordpress est moitié en anglais moitié en français… par exemple… toutes les info automatiques sont en angalis et ça donne des trucs débiles comme
« Recopier ceci To use CAPTCHA, you need Really Simple CAPTCHA plugin installed. ici : »
Sais-tu comment faire pour avoir le français en langue par défaut ?
Merci d’avance
13 novembre 2009 à 18:54
bravo pour ce tuto !!!
18 novembre 2009 à 15:55
bonjour!
Tout d’abord un grand merci pour toutes tes vidéos qui me sont
d’une aide.
Cependant comme d’autres personnes j’ai un problème avec le Captcha
Voici ce qui apparait sur mon site:
Pour utiliser la CAPTCHA, vous devez avoir
installé l’extension Really Simple CAPTCHA
J’ai pourtant téléchargé le plugin « Really Simple CAPTCHA ».
à cette adresse :
http://wordpress.org/extend/plugins/really-simple-captcha/
puis je l’ai envoyé sur mon FTP dans le dossier :
- wp-content – plugins
Pouvez-vous m’aider je ne comprends pas pourquoi ça fonctionne
pas??
Merci d’avance.
Elo
8 décembre 2009 à 19:40
Arrrrghhhh ! Merci @ PhilippeH
je ne comprenais pas pourquoi je ne recevais pas les pièces jointes …
Maintenant c OK @ +
10 décembre 2009 à 20:36
Bonjour, un grand coup de chapeau pour la qualité de votre travail et le professionnalisme qui s’en dégage…. je souhiate intégré un formulaire de contact… j’ai suivi toutela procédure, sans problèmes grâce à vos explictions très claires. Quand je souhaite envoyer le contenu du formulaire, j’ai un message « erreur lors de l’envoi du message. Veuillez réessayer + tard, ou contacter l’administrateur d’1 autre manière ». Mon site est hébergé sur ma propre Dédibox, et j’avoue ma faiblesse pour configuer tout cela… avez-vous une idée? Merci et encore bravo… Alain
13 décembre 2009 à 21:54
Merci pour le tuto ! Et le nom du pluggins pour les smileys
15 décembre 2009 à 0:47
Félicitation & Merci ! Vraiment !
18 décembre 2009 à 17:08
Merci pour cet excellent travail.
Dommage que le problème Captcha ne soit pas résolu !
18 décembre 2009 à 19:18
Génial votre tuto pour installer un formulaire de contact. C’est très clair et très bien expliqué.
Le seul soucie est que le formulaire ne veux pas envoyer le mail si on as enregistré une adresse de type @orange.fr.
J’ai fais un essai avec une autre adresse de type @hotmail.fr dans le deuxième formulaire a notre disposition dans les options et là TaTame je reçois bien les Mails.
J’en conclus que Contact form 7 ne veux pas envoyer a ceux qui sons chez Orange
18 décembre 2009 à 20:34
Très surprenant, si un message part, peu importe la destination. Impossible qu’un hébergeur filtre les mails selon la destination, selon moi. Rien dans votre courrier indésirable ?
18 décembre 2009 à 22:56
Non j’ai rien du tous dans les messages indésirable.
Par contre comme je recevais bien les message via le Mail (2) coché avec mon adresse hotmail j’ai tous simplement déplacé les adresses.
J’ai mis en direct mon adresse hotmail et du coup en Mail ( 2 ) j’ai mis mon adresse orange et là, vous allez pas me croire mais je reçois que les messages sur mon adresse orange.
Donc en conclusion, l’adresse qui est sur le formulaire en 1er ne fonctionne pas et seul en Mail ( 2 ) si case coché fonctionne
3 janvier 2010 à 1:40
Juste pour dire Merci pour ce travail que vous avez fait. Je viens de démarrer sur wordpress et vos videos m’ont servi. Particulièrement celle ci. Merci et bonne année 2010
5 janvier 2010 à 17:19
Bonjour,
Ma configuration:
Wordpress 2.7 fr
Nom de domaine : bloginfo-neuvillesursaone.fr
Nom de domaine : Créé chez AMen et redirigé par Amen
Hebergement : page perso chez SFR avec un espace de 1go
E-mail wordpress : bloginfo-neuville@gmail.com
J’ai créé un formulaire de contact simple (copie ligne + creation de page) Pas de captcha
Mon soucis est que j’ai ce message :
« erreur lors de l’envoi du message. Veuillez réessayer plus tard, ou contacter l’administrateur d’une autre manière. »
Je vois pas ou est l’erreur mais vraiment toute aide est la bienvenue.
merci à toutes et à tous
6 janvier 2010 à 15:03
Bonjour,
Merci pour votre tutoriel qui m’a permis d’installer aisément une page contact à mon nouveau blog WordPress (je savais le faire sous Dotclear).
Jean-LuK
11 janvier 2010 à 16:47
Eh, C’est vrai que tu as une très jolie voix. En tous cas merci pour ces tutos
11 janvier 2010 à 17:43
Bonjour,
Que dire d’autre que bravo ? Trop de superlatif tue le compliment.
J’en suis au douzième tuto et ……. je trouve ça très simple à comprendre.
A 57 balais on n’aime pas trop se casser la tête. Si j’avais eu un tel
outil d’enseignement il y a 2 ans je n’aurai pas abandonné WP au bout
de trois jours de tâtonnement sans y comprendre grand chose. Je suis
repassé au site web, mais pour les contacts ou les commentaires
c’est plus difficilement gérables. Bref, avec vous j’ai repris gout
a WP. Merci encore.
18 janvier 2010 à 11:29
Très bon tuto!
Je vais me balader et regarder les autres de plus pres!
Très belle voix au passage ;)
26 janvier 2010 à 9:55
Bonjour, mon formulaire fonctionne à merveille mais quand on appuie sur envoyer (le mail part) la page reste blanche on n’est pas redirigé vers la page contact. Comment remédier à cela ?
2 février 2010 à 20:33
Bonjour,
Même si je n’arrive toujours pas à faire fonctionner mon formulaire, merci pour le tuto…. très très limpide.
Mon problème est le suivant : le mail est parti (j’ai le message de confirmation dans un cadre vert) MAIS, je ne reçois rien dans ma boite mail ??
Je suis chez OVH. Une idée ? Quelqu’un ?? Merci…
3 février 2010 à 14:40
Super le tuto.
Bon courage pour la nouvaux look du site.
Il y aura des tuto pour linux.
6 février 2010 à 20:10
Merci pour tous ces tuto, ils sont vraiment très clairs et bien expliqués.
Quand pourrons-nous avoir la suite?
9 février 2010 à 7:07
Excellent!!! Bravo!!! cours très clairs. Tutos très éclairants pour l’installation (le plus dur…). Longue vie à videonoob! et son auteur…
9 février 2010 à 14:04
Rebonjour à toi. C’est merveilleux car je n’arrivais pas à installer un plugins. Alors ton tuto m’a servit à créer ma page « contact » en plus de m’éclairer sur l’installation de plugins. Un GRAND merci !
PS: BRAVO ! Tu est un bon prof. ;)
Johanne Berard
Propriétaire LACHICPATTE.COM
9 février 2010 à 14:13
Petit oubli pour ceux qui ont des problèmes avec le plugin de captcha…
Lorsque j’ai installé le formulaire de contact, sur ma page il y avait un message parce-que je n’avais pas ce plugin. J’ai, donc, installé le plugin exactement de la même façon que le plugin « contact ». Je l’ai téléchargé sur mon pc, j’ai extrais les fichiers, ouvert mon FTP, transféré le dossier dans: PUBLIC_HTML/WP_CONTENT/PLUGINS…
De retour dans WP j’ai recherché le plugins en question dans la liste (pas évident car n’apparaissait pas à la même place…et je ne sais pas pourquoi) en tout cas j’ai cliqué sur ACTIVER et ensuite j’ai dû ENREGISTRER la page de contact pour que le plugin fonctionne enfin.
Bonne chance à tous !
Johanne Berard
LACHICPATTE.COM
11 février 2010 à 18:09
Merci pour cette vidéo très clair.
Encore bravo et merci
15 février 2010 à 10:49
Question à part:
C’est quoi le lecteur vidéo que tu utilises? On dirait le lecteur Vimeo
15 février 2010 à 10:59
@Jutix : plugin wordpress flash video player
15 février 2010 à 11:20
Okey, c’est pas mal!
J’étais comme un gros noob en train de chercher les commandes Vimeo sur le lecteur!
Parce qu’au début, je pensais que c’était Vimeo…
19 février 2010 à 16:30
Hyper pédagogique.
Wahooo!
5 mars 2010 à 13:31
Bonjour Bastien,
Merci pour ce tuto qui m’a bien aidé
12 mars 2010 à 17:14
Merci beaucoup pour tout ces tutos!!
Sans eux j’aurais vite abandonné!