autourdututo@gmail.com
Autour du Tuto
  • Accueil
  • Blog
  • À propos
  • Me contacter
  • Formations
    • Formation Google Adsense
    • Formation WordPress
    • Formation Créer et Vendre
    • Installation WordPress
    • SAV Autour du Tuto

Articles du Blog

formulaire contact
2010 Nov.04

Comment ajouter un formulaire de contact sous WordPress

CédricWordPress
  • Objectif : ajouter un formulaire de contact sous WordPress… Pour qu’on puisse vous faire chier !
  • Durée : 5 minutes
  • Niveau de difficulté : facile – moyen – difficile

Tutoriel vidéo “comment ajouter un formulaire de contact sous WordPress” :

Récapitulatif :

  • Dirigez-vous dans l’onglet “Extensions” de votre panneau d’administration WordPress
  • Recherchez et activez le plugin “Contact Form 7”
  • Cliquez sur “Réglages”
  • Copiez le code qui ressemble à ça :
  • [contact-form 1 "Formulaire de contact 1"]

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

  • Ajoutez une page
  • Vérifiez d’être en HTML et collez le code
  • Validez en cliquant sur “Publier”

Et voilà… Vos amis pourront désormais vous joindre !

Des erreurs ? Un problème ? Pas de panique, nous sommes là pour vous aider !
Laissez un commentaire avec le maximum de renseignements pour qu’on puisse vous sortir de la merde !

280 conseils et astuces de blogging
Les techniques qui feront de vous un expert !

pochette-bloggingRecevez une copie offerte du livre numérique "280 conseils et astuces de blogging : les techniques qui feront de vous un expert" !

  • Des règles d’or pour réussir votre blog
  • Des astuces pour écrire des bons articles
  • Des conseils pour attirer du trafic
  • Des recettes pour vous organiser
  • Des méthodes pour atteindre vos objectifs
ajouterformulaire de contacttutotutorielvidéoWordPress
Partager sur :
A propos de Cédric

Créateur du blog Autour du Tuto, Cédric aide les débutants à bien démarrer sur Internet. Il propose des tutoriels WordPress, Internet et réseaux sociaux... SUPPORTEZ SON TRAVAIL et remerciez-le s'il a su vous aider grâce à une vidéo !

29 réponses sur “Comment ajouter un formulaire de contact sous WordPress”

  • riri le gros nul says:
    18 juillet 2011 at 20 h 30 min

    Merci pour ce tuto. J’étais complètement à côté de la plaque et ça m’a bien aidé!

    répondre à riri
  • Eric says:
    12 octobre 2011 at 15 h 27 min

    Bjr,

    Est-il possible de mettre en couleur le cadre des champs à remplir ?

    répondre à Eric
    • Cédric says:
      17 octobre 2011 at 23 h 09 min

      @Eric : oui, tu vas dans « Éditeur » du menu « Extensions ». Ensuite, à droite, tu vas dans le menu déroulant sur l’extension « Contact Form 7 ». Pour finir, les réglages des couleurs se trouvent dans le fichier « contact-form-7/styles.css »

      répondre à Cédric
      • Kakie says:
        2 juin 2014 at 16 h 49 min

        Merci pour l’info Cedric.
        Une fois arrivee dans l’edition du pluggin, j’ai ca: Editing contact-form-7/admin/css/styles.css (inactive)
        pourquoi Inactive???
        D’autre part pourrais tu m’expliquer a quel endroit il faut faire la modif?
        desolee, je suis debutante…
        merci d’avance

        répondre à Kakie
  • Guillaume says:
    17 décembre 2011 at 16 h 18 min

    Merci pour cette vidéo. C’est très rapide à mettre en place (et une fois de plus très pratique)

    répondre à Guillaume
  • momo says:
    5 février 2012 at 12 h 53 min

    merci, mais après ou ce trouve les email envoyer

    répondre à momo
    • Fabien says:
      9 mars 2012 at 13 h 08 min

      Les mails te sont envoyés dans ta boite mail

      répondre à Fabien
      • thd5 says:
        14 mai 2012 at 15 h 54 min

        Les mails ne sont pas envoyés dans ma boîte mail ! est-ce possible ?

        répondre à thd5
        • Cédric says:
          16 mai 2012 at 6 h 12 min

          @thd5 : tu as dû mal paramétrer ta boîte de réception. Vas dans le menu « Général » puis vérifis ce que tu as dans « Adresse de messagerie » 😉

          répondre à Cédric
  • formulitek says:
    17 février 2012 at 15 h 15 min

    Bonjour, pour ma part j’ai un problème car je n’ai pas l’onglet « Extensions » dans la barre à gauche.
    Pouvez-vous me dire comment la faire apparaître.
    Merci.

    répondre à formulitek
    • Cédric says:
      17 février 2012 at 17 h 02 min

      @formulitek : il n’y a pas de menu « Extensions » avec un blog hébergé sur wordpress.com 😉

      répondre à Cédric
  • Mimi says:
    3 avril 2012 at 16 h 29 min

    Bonjour Cédric,

    Encore un super tuto facile à suivre! Seulement, je ne sais pas pourquoi mais mon formulaire s’affiche bizarrement.

    Je voudrais que ça s’affiche comme dans ton exemple mais dans mon cas tout est décalé.

    Voici ma page en question
    http://www.lalanterneenchantee.com/contact

    D’avance, merci pour ton aide!

    répondre à Mimi
    • Cédric says:
      10 avril 2012 at 6 h 13 min

      @Mimi : es-tu sûr d’avoir mis le bon code ? Je viens d’éditer mon article, le code n’apparaissait pas 😉

      répondre à Cédric
  • koko says:
    3 mai 2012 at 1 h 47 min

    j pas le bouton extension ???????????

    répondre à koko
    • Cédric says:
      3 mai 2012 at 5 h 35 min

      @Koko : ton blog est hébergé sur WordPress.com ? Si c’est ça, c’est normal 😉

      répondre à Cédric
      • Clément says:
        17 avril 2013 at 20 h 00 min

        Donc pas possible dans ce cas d’ajouter un formulaire ??
        Merci

        répondre à Clément
        • Cédric says:
          21 avril 2013 at 23 h 36 min

          @Clément : peut-être d’une autre manière mais je ne la connais pas…

          répondre à Cédric
  • realpaige says:
    11 mai 2012 at 3 h 53 min

    Bonjour,

    Très facile de faire l’installation du formulaire gràce aux excellentes explications du tuto.

    Exécution très facile à faire!

    Super script!

    Réal

    répondre à realpaige
  • noelison says:
    19 juin 2012 at 12 h 48 min

    j’ai réussi à installer la page mais si je la regarde après je n’ai rien trouvé

    répondre à noelison
  • Clemence says:
    25 août 2012 at 19 h 52 min

    Bonjour,

    Merci pour l’info.
    Comment fais-t-on quand on veux insérer la fiche contact pour un commentaire.
    Exactement ce que je suis entrain de faire?

    Merci
    Clémence

    répondre à Clemence
  • spinelli says:
    25 novembre 2012 at 15 h 26 min

    MERCIIIIIIIIIIII

    répondre à spinelli
  • Marjory Picou says:
    6 mars 2013 at 17 h 12 min

    Bonjour, j’ai essayé d’installer cette extension (contact form 7) et lorsque j’ai essayé d’envoyer un message, voici ce qui apparaît : « Erreur lors de l’envoi du message. Veuillez réessayer plus tard ou contacter l’administrateur d’une autre manière. » Je ne comprends pas. Pouvez-vous m’aider ?

    répondre à Marjory
    • Cécile says:
      28 juin 2013 at 9 h 11 min

      Bonjour Marjory,
      Avez-vous résolu votre problème ? Je rencontre le même souci et je cherche désespéremment la solution. Merci d’avance pour vos précisions !

      répondre à Cécile
      • Cédric says:
        1 juillet 2013 at 18 h 34 min

        @ Cécile : il y a peut-être une incompatibilité avec une autre extension. Test avec toutes les extensions désactivées sauf Contact Form 7 😉

        répondre à Cédric
  • casanova rémi says:
    17 juillet 2013 at 10 h 47 min

    Merci !
    très très utile pour un débutant
    tout est bon à prendre, pas à pas, petit à petit

    répondre à casanova
  • djira says:
    30 octobre 2013 at 9 h 34 min

    j’ai installé contact form 7
    je suis en local
    j’ai mon site wordpress
    j’ai bien mon adresse de messagerie
    mais des que j’appuie sur le bouton envoyer

    j’ai le message
    ERREUR LORS DE L’ENVOI DU MESSAGE
    VEUILLEZ REESSAYER PLUS TARD

    répondre à djira
  • abdel says:
    21 octobre 2014 at 0 h 15 min

    bonjour,
    pour l’instant je développe mon propre portfolio sur word !! mon problème est le suivant lorsque j’ai installe le plugin contact form7 et quand j’affiche dans /contact n’apparie pas sur mon site .
    j’espère que vous avez une idée sur ce problème.Merci d’avance

    répondre à abdel
  • tom says:
    18 mars 2016 at 19 h 39 min

    Bonjour
    J’ai un soucis avec l’envoi de mail via un formulaire:
    J’ai essayé contact form7 : l’envoi fonctionne en brouillon mais pas lorsque je publie la page
    j’ai essayé wp smtp le test d’envoi de mail fonctionne mais pas le formulaire
    J’ai essayé avec un formulaire en php sans plugin ça ne marche pas non plus.
    Sauriez vous vers où je peux chercher?
    Cela peut il venir d’un réglage dans un fichier de l’installation de wordpress?
    Merci

    répondre à tom
  • Formulaire de contact dans Wordpress | APPRENDRE ET DECOUVRIR says:
    20 mai 2016 at 10 h 08 min

    […] http://autourdututo.fr/comment-ajouter-un-formulaire-de-contact-sous-wordpress/   […]

    répondre à Formulaire

Laisser une réponse Annuler la réponse.

  • Précédent

    Comment synchroniser son blog avec sa Fan Page Facebook

  • Suivant

    Comment récupérer un commentaire supprimé dans WordPress

Un petit « J’aime » sur Facebook ?

Autour du Tuto

Les Formations


Formation WordPress : vous allez acquérir les outils pour devenir un bon blogueur et progresser au quotidien...

Formation Google Adsense : vous allez avoir les clés pour (enfin) gagner de l'argent avec votre blog...

Formation Créer et Vendre sur Internet : vous allez découvrir des techniques simples et efficaces pour créer et vendre un produit sur Internet...

[Gratuit] Recevez la Newsletter + des Surprises


Les 5 derniers articles

  • wunderlist
    7 octobre 2015
    Wunderlist : le meilleur outil d’organisation (projets, tâches, idées, etc.)
  • superbes-visuels-gratuitement
    16 septembre 2015
    Comment créer de superbes visuels gratuitement
  • annotations-youtube
    29 juillet 2015
    Comment désactiver les annotations sur YouTube
  • wordpress-seo
    22 juillet 2015
    Comment passer de All In One SEO à WordPress SEO en 5 minutes
  • 15 juillet 2015
    Tutoriel : installer WordPress facilement (vidéos + images)

Archives

Catégories

Liens

  • Freewares & Tutos
  • Autour du Web
  • Formations gratuites en vidéo
  • Astuces WordPress
  • Panoptinet
Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considérerons que vous acceptez l'utilisation des cookies.Ok