Vous êtes ici : Accueil | Plugins WordPress | Ajoutez un formulaire de contact à votre site avec Contact Form 7

Ajoutez un formulaire de contact à votre site avec Contact Form 7

Contact Form 7

Contact Form 7 a été mis à jour récemment et ne possède plus la même interface, cet article sera mis à jour prochainement 🙂 Inscrivez-vous à la newsletter pour être prévenu de sa publication.

S’il y a quelque chose que tous les sites ont en commun c’est bien le formulaire de contact.

Même s’il y a encore des irréductibles qui ne veulent pas être dérangés contactés, on peut dire que la quasi totalité des sites ont une page de contact.

Dès lors, pour mettre cela en place sur un site WordPress il y a deux possibilités :

  1. Votre thème possède un modèle de page « Contact » ou un autre moyen d’inclure un formulaire et dans ce cas, c’est tout bon.
  2. Ou passer par un plugin pour inclure un formulaire dans votre page Contact

Dans cet article, nous allons voir comment utiliser un plugin téléchargé près de 20 millions de fois, j’ai nommé Contact Form 7.

Bien qu’il soit assez simple d’utilisation, je tenais à rédiger une « recette » pour vous montrer comment intégrer des formulaires de contact plus ou moins évolués sur votre site.

Voyons de quoi se compose cet article dans le…

Sommaire

  1. Configurer un formulaire de base
  2. Ajouter des champs supplémentaires
  3. Intégrer un formulaire sur votre site
  4. 7 astuces pour personnaliser vos formulaires

Comme vous pourrez le constater dans cet article, CF7 ne permet pas de créer des formulaires très évolués. Si vous désirez aller plus loin, jetez un oeil à Gravity Forms.

Configurer un formulaire de base

Une fois que vous aurez installé et activé Contact Form 7 (jetez un oeil à ce tuto pour découvrir comment installer un plugin), vous verrez qu’un élément Contact a été ajouté dans le menu (sous Commentaires). Cliquez dessus pour vous arriver sur la page principale du plugin :

Accueil Contact Form 7

Comme vous pouvez le voir, le plugin a été traduit en français par plusieurs gentils contributeurs 🙂 Malheureusement, les liens présents sur cet écran redirigent vers le site officiel de Contact Form 7 qui est en anglais (et aussi en japonais si ça vous tente).

Enfin ne vous inquiétez pas, ce tuto va vous aider à créer votre premier formulaire. Pour ce faire, cliquez simplement sur le bouton Créer un formulaire en haut de l’écran (ou dans le menu).

Vous arriverez sur la page suivante afin de déterminer la langue :

Choisir la langue du formulaire de contact

Si vous voulez un formulaire en français, cliquez sur le bouton bleu. Sinon choisissez votre langue et cliquez sur le bouton associé. Pour info, Contact Form 7 a été traduit dans plus de 60 langues !

Vous arriverez ensuite sur la page de création d’un formulaire. Il y en a un de présent par défaut. Avant d’apprendre à le personnaliser, regardons à quoi servent les différentes sections de la page :

Creer Formulaire WordPress

  1. Nom du formulaire

    Cette première section sert à donner un nom à votre formulaire. Appelez-le « Contact » ou comme bon vous semble.

    Vous pouvez aussi lui donner un nom particulier si le formulaire que vous créez doit être placé sur une page particulière. Par exemple, si vous créez un formulaire pour devenir cuistot, appelez-le « Cuistot » 😉

    Un bouton de sauvegarde est également présent. N’oubliez pas de vous en servir une fois que vous aurez apporté vos modifications.

  2. Code HTML du formulaire

    Cette section contient le code HTML de votre formulaire de contact. Plusieurs paragraphes sont présents (balises <p>…</p>) avec des marqueurs pour les champs du formulaire ainsi que le bouton de validation.

    Détaillons un peu pour mieux comprendre.

    <p>Votre nom (obligatoire)</br>
    [text* your-name]</p>

    Le code ci-dessus affichera le texte « Votre nom (obligatoire) » puis le champ texte associé au nom sur la ligne du dessous (grâce à la balise de saut de ligne </br>).

    Dans la seconde partie de ce tutoriel, nous verrons comment créer des marqueurs. Vous verrez que leur syntaxe n’est pas très importante.

    Les champs email, sujet et message sont structurés de la même façon. Le dernier paragraphe embarque le marqueur du bouton de validation du formulaire.

  3. Création de marqueurs

    Formulaire Contact Form 7
    Le menu déroulant présent sur la droite permet d’ajouter toute sorte de champs dans les formulaires que vous créez.

    Il y a entre autre des champs de texte, d’email, de date, des menus déroulants, des boutons radios, des quiz et même pour envoyer des fichiers.

    Nous verrons comment les configurer dans la partie « Ajouter des champs supplémentaires » de cet article.

  4. Email du destinataire

    Etudions les champs de cette section et ce qu’ils contiennent :

    Email Contact Form 7
    À : L’email vers lequel le message doit être envoyé (votre email donc).

    De : Email de l’expéditeur. Ici on récupère l’email de la personne à partir du champ email du formulaire (identifié par le marqueur [your-email] dans le code du formulaire). Le nom est indiqué avant l’email par le marqueur [your-name].

    Il est important de bien garder la structure NOM <EMAIL> dans ce champ pour que cela s’affiche convenablement dans votre boite de réception.

    Sujet : Dans notre cas, le formulaire récupère le sujet indiqué par l’expéditeur grâce au marqueur [your-subject]. Cela dit vous n’êtes pas obligé de vous en servir. Par exemple pour WP Marmite, j’utilise le sujet suivant « [WP Marmite] Message de [your-name] ».

    Entêtes supplémentaires : Ce champ est utile pour spécifier des personnes à mettre en copie et en copie cachée. Vous pouvez par exemple envoyer une copie de l’email à la personne qui vous contacte (on verra que nous pouvons le faire d’une autre manière juste après).

    Pour mettre une personne en copie, ajoutez Cc : [email protected]. Vous pouvez aussi utiliser la structure NOM <EMAIL> : Cc : GÉRARD <[email protected]>

    Afin de mettre une personne en copie cachée, utilisez Bcc : [email protected]. Comme pour la copie normale, la structure NOM <EMAIL> fonctionne aussi.

    Pièces jointes : Dans le cas où vous donnerez la possibilité d’envoyer des pièces jointes. Il faudra indiquer le ou les marqueurs correspondants dans ce champ.

    Envoyer cet email au format HTML : Ici rien de compliqué, cochez la case pour recevoir les emails de contact au format HTML. Dans la plupart des cas, ce n’est pas nécessaire.

    Corps du message : Ce champ va servir à mettre en page le message que vous allez recevoir. Dans la capture d’écran, on voit que les marqueurs sont réutilisés. Pour WP Marmite, j’insère uniquement le marqueur [your-message] afin de n’avoir que le message de l’expéditeur (l’email et le nom étant déjà dans le champ De).

    Une signature est ajoutée automatiquement par Contact Form 7 pour indiquer à partir de quel formulaire le message a été envoyé. Vous pouvez l’éditer à votre guise.

    Exclude lines with blank mail-tags from output : Cette option n’a pas encore été traduite (elle est récente, si jamais elle passe en anglais, prévenez-moi :)) mais elle sert à exclure les lignes pour lesquelles le marqueur n’a pas été indiqué par l’expéditeur.

  5. Second email de destination

    À partir du moment où l’on a la possibilité de mettre des personnes en copie, on peut se demander à quoi sert un second champ d’email.

    Ce champ est utile si vous désirez envoyer un message structuré différemment. Par exemple, si vous voulez envoyer une copie de l’email à l’expéditeur, vous pouvez ajouter une phrase du genre en introduction : « Merci de m’avoir contacté, je vous répondrai d’ici 24h. Pour rappel, voici le contenu de votre message : ». Voyez plutôt :

    Second Email Contact Form 7

  6. Messages d’erreur et de réussite

    Ensuite viennent les messages qui s’afficheront en retour lors de l’envoi de l’email. Si tout se passe bien, le message de réussite s’affichera (le premier) sinon un des messages d’erreur sera affiché selon le problème.

    À vous de voir ce que vous désirez modifier. Vous pouvez personnaliser le message de réussite et d’erreur pour être moins froid. Voilà ce que j’ai mis pour WP Marmite :

    Messages Contact Form 7

  7. Réglages complémentaires

    La dernière section de cette page concerne des utilisations un peu plus avancées. Nous en verrons quelques une dans les 7 astuces proposées à la fin de l’article.

Vous voilà désormais en possession d’un formulaire de contact basique (n’oubliez pas de le sauvegarder grâce au bouton en haut de la page). Voyons maintenant comment le personnaliser…

Ajouter des champs supplémentaires

Après la découverte des différentes sections de la page d’édition d’un formulaire, intéressons nous à la section 3, celle qui nous permet de définir des champs grâce à des marqueurs.

Commençons par cliquer sur le premier élément du menu déroulant Générer un marqueur… 

Le Champ texte

Une zone de configuration du champ texte s’affichera. Vous pouvez lui attribuer :

  • Une obligation de le remplir
  • Un nom
  • Un identifiant (pour le CSS)
  • Une classe (toujours pour le CSS)
  • Une taille (size)
  • Le nombre maximal de caractères que l’on peut y inclure (maxlenght)
  • Une vérification antispam via le plugin Akismet (seulement utile si le champ texte est un nom)
  • Une valeur par défaut (que vous pouvez placer en filigrane)

Dans l’exemple ci-dessous, j’ai rendu le champ obligatoire et ajouté du texte en filigrane (placeholder).

Une fois que le champ est configuré, on obtient un marqueur qu’il faut placer dans le code du formulaire. Pour conserver un affichage classique, j’ai repris la structure en paragraphe et j’ai ajouté un saut de ligne entre la description du champ et le champ lui-même (avec la balise <br/>).

Champ texte d'un formulaire WordPress

Maintenant que ce champ est dans le formulaire, il faut pouvoir le récupérer lorsqu’une personne enverra un message. D’où la présence d’un second marqueur [text-885].

Comme le plugin l’indique, il faut le placer dans le corps du message de l’email qui nous sera envoyé. Enfin, vous pouvez aussi le placer dans le sujet si cela a un intérêt pour vous.

La procédure est la même pour tous les autres champs. Regardons en tout de même certains d’entres-eux.

Je vais passer sur le champ email, url et les différents nombres pour vous parler du…

Champ date

Admettons que vous créez un formulaire de réservation, avoir une date d’arrivée et une date de départ est impératif. De la même manière que le champ texte, on peut configurer une date :

Date formulaire WordPress

Pour la date d’arrivée, j’ai défini une date minimale et une date maximale afin d’éviter aux gens d’inclure de mauvaises valeurs. J’ai essayé de spécifier les paramètres step et une valeur par défaut mais ça n’a pas fonctionné. Vous me direz si ça marche chez vous si vous vous servez de ce champ.

La zone de texte

Pour rédiger leur message, les expéditeurs auront besoin d’une zone de texte. En plus de l’identifiant et de la classe, on peut définir une nombre de colonnes (cols soit la largeur) et des lignes (rows soit la hauteur). Il se peut que le code CSS de votre thème donne des dimensions précises aux zones de texte, les colonnes et les lignes seront donc ignorées.

Message Contact Form 7

Il est également possible de limiter le nombre de caractères que l’expéditeur pourra entrer. Cela est très pratique pour éviter les emails à rallonge. Notez que j’ai ajouté une valeur par défaut.

Comme pour les autres champs, il faut insérer le premier marqueur dans le code du formulaire et le second dans le corps du message.

Menu déroulant

Si votre formulaire permet à vos visiteurs de vous contacter au sujet d’une de vos offres, un menu déroulant peut s’avérer utile pour connaitre l’offre sur laquelle le visiteur veut des informations.

Indiquez un choix par ligne et cochez éventuellement des options :

Menu déroulant Contact Form 7

Note : les boutons radios et les cases à cocher ont des fonctionnements similaires.

Case d’acceptation

Comme lors d’un achat sur un site e-commerce, vous pouvez ajouter un bouton d’acceptation (de conditions générales ou autre). Si le bouton n’est pas validé, l’email ne pourra pas être envoyé.

Validation Contact Form 7

Il est possible de cocher la case par défaut ou d’inverser le fonctionnement de la case (c’est à dire que la case doit être décochée pour que l’email soit envoyé).

Dans cet exemple (qui est assez restrictif), on obtient l’accord de la personne qui nous contacte pour l’ajouter manuellement à une newsletter.

Quiz

Si vous voulez filtrer les emails que l’on vous envoie, il n’y a rien de tel qu’un quiz. Même si le spam est généralement bien traité par Contact Form 7, ajouter une question subsidiaire permet d’être certain que ses interlocuteurs sont bien humains.

Quiz Contact Form 7

 

Dans ce cas, j’ai demandé quelle était la capitale de la France mais vous pouvez tout à fait demander la solution d’un petit calcul.

L’important est d’utiliser la structure : Question|Réponse

CAPTCHA

Si les quiz ne vous plaisent pas, Contact Form 7 vous donne la possibilité d’insérer des captchas. Vous savez, ce sont ces images qu’il faut déchiffrer afin que le message puisse être envoyé.

Pour que cela fonctionne, vous devez installer le plugin Really Simple Captcha (également réalisé par l’ auteur de CF7).

Captcha Contact Form 7

Vous pourrez choisir la taille et la couleur du captcha (couleur de fond et couleur des caractères) ainsi que la taille de l’image.

Petite particularité, il y a deux marqueurs à insérer dans le code du formulaire, l’image et le champ de saisi associé.

Envoi de fichiers

Vos interlocuteurs peuvent aussi vous envoyer des fichiers, cela peut être un cahier des charges, des images, etc. Bref, tout ce que vous voulez

Envoi fichier Contact Form 7

Pour éviter de recevoir n’importe quel type de fichiers, il est recommandé de définir une taille maximale. Indiquez 1, 2, 3 ou 10mb voir plus selon les fichiers que vous attendez.

Indiquez également les formats de fichiers acceptés par votre formulaire, basez-vous sur cet exemple : pdf|doc|docx. L’important est de bien séparer les extensions par des barres verticales : |.

Dernière chose à savoir, il ne faut pas mettre le second marqueur dans le corps du message mais dans le champ Pièces jointes de l’email.

Bouton de soumission

Afin d’envoyer son message, votre interlocuteur devra cliquer sur un bouton de soumission. Comme pour les champs étudiés précédemment, il est possible d’ajouter un identifiant et une classe afin de personnaliser le bouton avec du CSS.

L’étiquette correspond au texte du bouton, il est donc important de la spécifier.

Bouton Contact Form 7

Collez ensuite le marqueur dans le code du formulaire sur la gauche.

Bon, nous avons terminé notre tour des marqueurs proposés par Contact Form 7. Découvrons maintenant comment…

Intégrer un formulaire sur votre site

Une fois que vous aurez terminé de configurer les champs de votre formulaire, cliquez sur le bouton Sauvegarder en haut de l’écran.

Sous le titre, vous constaterez la présence d’un shortcode :

Shortcode Contact Form 7

Pour insérer votre formulaire, il vous suffit de coller ce shortcode dans l’article, la page ou le widget de votre choix.

Et oui, ce n’est pas plus compliqué 🙂

Je vous propose de terminer ce tutoriel par…

7 astuces pour personnaliser vos formulaires

Si vous voulez que vos formulaires aient des comportements un peu plus avancés, voici quelques astuces qui pourront vous aider. Bien sûr, ce ne sont pas les seules choses qu’il est possible de faire avec ce plugin.

Jetez un oeil aux autres plugins qui se couplent à Contact Form 7 pour voir ce qu’ils peuvent faire.

  1. Suivre les validations dans Google Analytics

    Si vous utilisez Google Analytics pour suivre vos visites, il est possible de suivre le nombre de validation de vos formulaires.

    Pour cela insérez le code suivant dans le champ Réglages complémentaires :

    on_sent_ok: "_gaq.push(['_trackEvent', 'Formulaire de contact', 'Validation']);"

  2. Rediriger vers une autre page après validation

    Même si l’auteur du plugin ne le recommande pas, il est possible de rediriger les visiteurs une fois le formulaire validé. Insérez le code suivant dans le champ Réglages complémentaires de votre formulaire.

    on_sent_ok: "location = 'http://monsite.com/merci';"

  3. Insérer un formulaire n’importe où

    Par défaut, il n’est possible d’insérer des formulaires que dans les publications (articles, pages ou autre) et dans les widgets.

    Si vous voulez inclure un formulaire dans un modèle de page ou à un endroit précis de votre thème, utilisez le code PHP suivant (évidemment en mettant le bon shortcode):

    <?php echo do_shortcode( '[contact-form-7 id="1234" title="Contact form 1"]' ); ?>

  4. Laisser le visiteur choisir le destinataire

    Pour donner la possibilité à vos visiteurs de contacter une personne ou un service particulier de votre entreprise, procédez de la façon suivante :

    Sélection destinataire Contact Form 7

    Comme le montre l’image, il faut créer un menu déroulant et mettre les destinataires dans les choix. Utilisez la structure SERVICE|EMAIL pour masquer les emails aux visiteurs (ex : [email protected]).

    Afin que cela fonctionne, il faut impérativement mettre le marqueur [service] dans le champ À.

  5. Obtenir l’IP du visiteur

    Si pour une quelconque raison, vous désirez obtenir l’IP de la personne qui vous contacte. Insérez le marqueur [_remote_ip] dans le corps du message (par exemple sous la signature).

  6. Obtenir la date et l’heure de l’envoi

    De même, il est possible d’avoir la date et l’heure d’envoi de l’email. Vous allez me dire que cela correspond à la date et l’heure de réception de l’email et vous aurez raison. Mais bon, il si vous en avez besoin insérez les marqueurs [_date] et [_time] dans le corps du message.

  7. Obtenir l’adresse de la page d’envoi

    Si vous avez intégré votre formulaire dans un widget ou quelque par dans votre thème, connaitre la page exacte depuis laquelle le formulaire a été envoyé peut être intéressant.

    Pour cela, insérez le marqueur [_url] dans le corps du message ([_post_url] retournera le permalien de l’article, à vous de voir donc).

 

Conclusion

Contact Form 7 est le second plugin gratuit le plus téléchargé de WordPress.org. Il permet de créer des formulaires simples mais il ne sera pas toujours facile de créer des choses complexes.

Vous devrez avoir quelques connaissances en HTML pour avoir un rendu correct. Si vous avez des bases en CSS, vous pourrez pousser la personnalisation encore plus loin grâce aux classes et identifiants qu’il est possible d’ajouter à chaque élément.

Si vous recherchez plus de simplicité, je vous recommande plutôt Gravity Forms (je l’utilise sur tous mes sites) :

Formation Gravity Forms

Sur ce, je vous dis à bientôt pour une nouvelle recette. J’espère que vous avez apprécié. Inscrivez-vous à la newsletter pour recevoir la suite 😉

Si vous avez apprécié cet article, inscrivez-vous à la newsletter

Recevez gratuitement les prochains articles et accédez à des ressources exclusives. Plus de 10000 personnes l'ont fait, pourquoi pas vous ?

C'est parti, je m'inscris !

281 commentaires Ajoutez le vôtre

  1. Merci Alex pour ce tuto très complet.
    Pour ma pare j’utilise un autre plugin « contact manager » Qui est en français, et qui possède une documentation très fourni ! En français aussi.
    Il s’agit de contact manager. Recette bien faite.

    Répondre
    • Bonjour Rama,
      Je ne connais pas ce plugin. Je le testerai peut-être un de ces jours 🙂

      A bientôt
      Alex

    • Bonjour Alex,

      Je ne trouve pas comment poser une question sans avoir à cliquer sur « répondre » pour faire apparaître le formulaire (ce que je viens de faire…). Mon côté blonde certainement 🙂

      Ce plugin est une merveille mais j’ai deux questions :

      1.- Comment laisser un texte « fixe » qui apparaitra dans le email de réception. Je m’explique. Il y a une partie privée dans le site sur lequel je travaille actuellement. J’ai placé un deuxième formulaire afin que les personnes qui ont accès à la partie privée puissent poser des questions. Mais à la réception des mails, je voudrais qu’il y ai une information m’indiquant de quel formulaire est arrivé le email. Par exemple – Formulaire formation – Ou – Question formation –

      2.- Cette question rejoint la première car tu indiques  » insérez le marqueur [_url] dans le corps du message….retournera le permalien… »
      Ma question est  » Dans le corps de quel message ? » J’ai essayé de l’insérer à plusieurs endroits mais, soit le code s’affiche en frontend soit cela ne fonctionne pas et je n’ai pas l’indication de l’origine de la page.

      D’avance merci de ton aide.

    • Bonjour Kidi,

      1) Pour le texte dans l’email, écrit juste du texte dans le champ du corps de l’email 🙂
      2) Dans le corps du message que tu veux. Logiquement, dans celui que tu recevras. Cela n’est pas utile pour l’expéditeur.

      Bonne continuation 🙂
      Alex

  2. De premier abord, je me suis dit, un tutoriel pour Contact form 7???
    C’est les vacances et Alex n’avait pas trop envie de se creuser les méninges… Après lecture, je me dis : j’ai bien fait d’être curieux et d’aller jusqu’au bout. Comme d’hab, Alex, super boulot !!!
    Merci.

    Répondre
    • Merci Stéphane, une bonne recette est toujours utile 🙂

  3. Merci beaucoup Alex pour, comme d’habitude, ce super article très complet !

    Pour ma part, une petite question subsiste: sais-tu comment faire pour que les champs du formulaire s’adaptent aux différents écrans ? J’avais essayé vite fait à l’époque en intégrant 100% à la place de la taille des champs,… mais mes tentatives sont restées vaines ;-(. Je vais essayer de creuser, avec du code, cette question restée en suspens mais si tu as une astuce, je suis preneuse 😉 car je n’ai pas ta maîtrise !

    Merci encore et très belle soirée.
    Bonne continuation.

    Répondre
  4. Bonjour Alex!

    Très bon tuto. Comme d’habitude. Pourrais tu mettre des exemples de css pour le formulaire pour me donner une idée.

    Merci

    Alain

    Répondre
    • Bonjour Alain, merci 🙂
      Concernant le CSS, c’est vaste. Généralement, CF7 prendra les styles de ton thème pour ses champs.

  5. Joli travail, Mr le Cuistot…

    Merci Alex !

    Répondre
  6. Merci Alex pour ce tuto, je vais tester dès que possible.

    Répondre
  7. Vraiment super! Merci.

    Répondre
  8. Salut Alex,

    Encore une fois de plus tu nous livres ici un tutoriel complet, mais simple à mettre en oeuvre, alors merci de ton partage de connaissances et de ta pédagogie.
    Il ne te manque plus qu’à le faire en vidéo 😉

    Amicalement,

    Bruno

    Répondre
  9. Excellent Alex,
    je vais apporter ma pierre à l’édifice de ce plugin en indiquant mes optimisations :
    – Remplir les entêtes supplémentaires avec le code suivant pour « éviter » dêtre considéré comme spammeur (pas vérifié si c’était vrai) :
    Reply-To: MON NOM
    Return-Path : MON NOM

    – utiliser le plugin « Contact Form DB afin que tous les messages passés par Contact Form 7 soit enregistré dans le back-office du site.
    Voilà pour ma maigre contribution que je fais à chaque installation de Contact Form 7

    Jérôme

    Répondre
    • Merci Jérôme 🙂

  10. salut, bravo pour le taf.. mais quid de la fonction smtp de gmail.?
    sur un dédié je n’ai pas de serveur de mail donc dependant d’un serveur de mail comme … google. je n’ai jamais vraiment reussi à faire marcher contactform 7 à cause de ça

    😉

    Répondre
  11. salut
    nan connaissais pas, ça l’air un smtp sympas (merci mailchimp) je vais l’essayer. J’imagine qu’il faut donc que j’installe contactform7 puis si mandrill est bien configuré, rien d’autre à faire?

    Répondre
    • tres efficace tout ça , ca marche parfaitement maintenant, merci la marmite 🙂

  12. Bonjour
    merci pour ce tuto.
    Concernant les newsletters, quel plugin utiliser svp ?

    Répondre
    • Merci 🙂
      En plugin, je connais MailPoet. Sinon, il existe des services comme MailChimp, MailJet ou Aweber.

  13. merci bien 🙂

    Répondre
  14. problème contact-form-7: après création test et déconnexion lorsque je reviens sur le dashboard je trouve que la partie Email nommée 4 dans ce tuto est vide pour la énième fois je répète la tache ca marche pour la première fois puis le chaos. le site est hébergé sur un serveur kimsufi ovh, prière de m’aider

    Répondre
    • Bonjour Samia,

      Avez-vous cliqué sur l’élément Email du champ Générer un marqueur ?
      Tenez-moi au courant.
      Alex

  15. Alex,
    Vous parlez de pièces jointes au pluriel, pourtant, je n’arrive pas à proposer ou débloquer la possibilité de faire envoyer plusieurs fichiers (à part mettre plusieurs fois le bloc envoi à la suite, qui n’est pas une bonne solution). Comment vous faites ?

    Répondre
    • Bonjour Cyril,
      Attention le nombre et le volume des pièces jointe est limité par email.

      Sinon il faut ajouter plusieurs marqueurs « Envoi de fichiers ».
      Bonne continuation
      Alex

  16. bonjour alex et merci pour votre réponse c’est bon pour le formulaire et tout est à son place maintenant sauf qu’à la phase du test je reçois toujours les short-code comme ce qui suit:
    De la part de : [text* text-112] [text* text-15]
    Sujet du mail : Contact
    Nom : [text* text-112]
    Prénom : [text* text-15]
    Société : [text text-729]
    Activité : [text* text-457]
    Adresse : [text* text-178]
    Code Postale : [number* number-592]
    Pays : [select menu-180]
    Téléphone : [tel* tel-765]
    Fax : [tel* tel-508]
    Email : [email* email-546]
    Note :
    [textarea* textarea-939]

    Répondre
    • Bonjour Samia,

      A mon avis vous n’avez pas inséré les bons shortcodes dans la partie destinée à votre email. De mémoire, vous devriez-juste coller [text-112], [text-15], etc.

      Jetez un oeil aux shortcodes générés par le plugin. Le premier va dans le formulaire et le second dans votre email de notification 😉

      Bonne continuation
      Alex

  17. ah j’ai oublier les amis de vous dire que le serveur d’hébergement est un kimsufi ovh s’il vous plait aider moi car j’ai 5 formulaires qui génèrent le même erreur, merci.

    Répondre
  18. Bonjour,

    Bravo très bon tuto ! Simple et clair !

    Pour ma part, j’aimerais ajouter un champs pour validation des adresses mails des gens. Et bien sur un message d’erreur et l’impossibilité d’envoyer le message si les deux adresses ne correspondent pas. Je ne sais pas si c’est possible avec contact 7 ?
    Bien des fois, ils font des fautes sur leurs mails et donc impossible de les recontacter.

    Merci d’avance.

    Répondre
  19. Bonjour.

    Merci pour ce tuto.

    J’ai installé ce plugin sur le site d’un ami, celui-ci est en construction. Cependant, lorsque j’envoie un email via le formulaire de contact, lorsque je clique sur « répondre », le destinataire de la réponse est l’adresse mail du site (contact) et non celle du client, je dois copier coller l’adresse indiquée dans le champ destinataire afin de lui répondre.

    Auriez-vous une solution ?

    Cordialement.

    Répondre
    • Bonjour Lolo,

      Tu peux insérer l’email de ton client directement dans « Contact form 7 ». Il te suffit, dans WordPress, de cliquer sur Contact > Formulaire de contact puis tu sélectionnes ton formulaire et tu renseignes l’email de ton client juste en dessous de Formulaire, dans Email À:

      Je ne sais pas si je suis très claire. N’hésites pas si tu veux plus d’infos.

      Très belle journée à tous.

    • Merci d’avoir dépanné Lolo Farah 🙂

    • With pleasure 😉 !

  20. Je n’avais rien compris avant de trouver ce tuto. Grâce à lui (et à vous) tout s’éclaire et en plus ça marche ! Bravo et merci.

    Répondre
    • Merci beaucoup Nicole, cela fait me fait plaisir de voir que cet article vous a aidé 🙂

  21. Merci infiniment pour ce tutoriel extrêmement clair et utile et pour le temps que y avez consacré !

    Répondre
    • Merci beaucoup 🙂

  22. Merci pour ce mode opératoire super bien fait !

    Il me reste un petit souci à régler, pour les dates, j’ai un message « le format de date semble invalide, j’ai essayé JJ/MM/AA, JJ/MM/AAAA, JJMMAA et JJMMAAAA ?
    J’ai essayé également ces combinaisons dates anglo-saxonnes mais j’ai toujours ce message.
    J’ai du passer à côté de quelque chose ?
    Pouvez-vous m’aider?
    Merci
    Patrick.

    Répondre
    • Pour ma part, pour éviter ce genre de problèmes, j’utilise Contact Form 7 Datepicker.

    • Bonjour Luc,
      Merci pour votre contribution, c’est le plugin que j’ai suggéré à Patrick par email 🙂

      A bientôt
      Alex

  23. Bonjour Alex,

    Merci pour ton tuto, j’avais abordé cette thématique de mon coté aussi mais pas aussi bien ^^

    Une petite question cependant, je l’utilise couplé à Contact Form DB pour garder dans ma BDD les éléments de mon formulaire qui sont enregistrés.
    Mais j’ai remarqué que si dans le formulaire (et non pas le corps du mail où cela fonctionne) j’ajoute [_post_url] comme ceci :
    [select Nomdelapage « [_post_url] » ]
    Il ne me le prend pas en compte car le premier crochet fermant me femre le « select »

    Une idée de contourner mon problème ?

    Répondre
  24. Du génie !

    Merci à toi ! Si tu passes par Montpellier laisses moi t’inviter à boire un coup !

    Répondre
  25. Bonjour,

    Tout d’abord merci pour ce tuto !! D’une très grande aide pour moi!
    J’ai un petit soucis avec le formulaire..
    J’ai souhaité utiliser ce formulaire comme un rsvp mais même si sur le site c’est OK (soit menu déroulant, cases à cocher etc) lors de l’envoi de la réponse sur ma boite mail il n’y a rien sauf le champs de texte qui est d’office avec ce plug-in.

    Je sais pas si je suis très clair ..
    Merci d’avance pour votre aide

    Répondre
    • Bonjour Charlotte,
      Avez-vous intégré les champs dans l’email de réponse ?

  26. Merci pour votre réponse rapide!

    Non je ne pense pas car je ne sais pas comment faire.. Avez vous un titi sur ça sur votre site ?

    Merci encore

    Répondre
    • Un tuto *

  27. J’utilise ce plugin, j’ai eu du mal à m’y mettre, mais maintenant je l’aime beaucoup. Pour le champs date, il faut prendre « Contact Form 7 Datepicker » et je me sert de flamingo pour stocker les résultats.
    Manque juste un outil pour transformer l’adresse IP en lieu (comme je l’ai vu sur un autre formulaire).

    Répondre
  28. Bonjour Alex,

    Je débute sur WordPress et j’ai installé ce pluggin mais systématiquement, l’envoi de message me retourne l’erreur correspondant à « Le message de l’expéditeur n’a pas pu être envoyé ».
    Je me demandais s’il n’y avait pas quelque part dans la conf de WP, un endroit où l’on doit lui préciser des paramètres de type POP ou SMTP ?

    Je te remercie d’avance de l’aide que tu pourrais m’apporter.

    Cordialement.
    John Smith

    Répondre
    • Bonjour John,
      Recevez-vous bien les autres emails de WordPress ? (notifications de commentaires, etc.)
      Tenez-moi au courant.
      Alex

  29. Bonjour Alex,

    Eh bien en fait, depuis le début, je travaille en local avec easyphp, il s’avère qu’après avoir dupliquée et réadapté mon site sur le serveur distant, je n’ai pas de problème. Je n’ai pas trop l’habitude de travailler directement sur serveur distant, mais il semblerait que pour WordPress, c’est la marche à suivre… Travailler en ligne et faire des sauvegardes…

    Répondre
  30. Bonjour,

    Merci pour le Tuto.

    Moi je cherche un moyen pour que les gens qui consulte mon blog puisse s’inscrire pour recevoir un email lors de la publication d’un nouvel article que j’écris?

    Merci

    Répondre
    • Bonjour Erick,
      Un service de mailing comme MailChimp pourra t’être utile 🙂

      Bonne continuation
      Alex

  31. J’ai essayé avec mailchimp mais cela ne fonctionne pas.
    Comment as-tu procéder pour ton site avec contact form ?

    Répondre
  32. Bonjour Alex,
    Merci pour ce tuto. J’ai un souci, cependant, avec contact form. Je ne parviens pas à augmenter la taille des champs, en hauteur notamment, ni en renseignant le champ « size » (en px ?) ni par le biais de la class CSS. Le texte qu’on saisit dedans n’apparaît que sur le haut des lettres. Une astuce ?

    Répondre
    • Bonjour Laurent,
      Cela est un problème de CSS, jetez un oeil aux propriétés height, font-size et line-height des champs input.
      Bonne continuation
      Alex

  33. Merci, simple, clair, efficace, avec des astuces qui en font toute la valeur ajoutée.

    Répondre
    • Merci Fab 🙂
      Je suis content de voir que mes efforts se remarquent ^^

      A bientôt
      Alex

  34. Un grand merci Alex. En inspectant le code source de l’élément, j’ai en effet pu identifier la class bootstrap qui me posait problème. Et c’est résolu (alors que j’ai cherché, seul, pendant des heures). Vous avez gagné un lecteur qui tentera d’être assidu

    Répondre
    • Merci beaucoup !
      Au plaisir de vous revoir sur le blog 🙂

  35. Bonjour
    Merci pour votre tutoriel simple et vraiment bien conçu. Une petite question cependant. Si l’émetteur du mail se trompe dans son adresse, il n’est pas averti de sa mésaventure ? Comment faire pour faire un champs de vérification adresse mail ?

    Répondre
    • Bonjour,
      Merci pour votre commentaire 🙂
      Si l’émetteur se trompe et que l’adresse n’est pas valide, cela sera mentionné. Si l’adresse est valide mais erronée, il n’y a pas moyen d’être averti (sauf si un email de confirmation est configuré mais en cas d’erreur, il ne sera pas reçu).

      A bientôt sur la Marmite
      Alex

    • C’est tout de même une chouille ennuyeux ? Tu connais par hasard un autre module qui peut le faire ? Car si ton site s’adresse à des enfants, ben c’est pas forcément gagné….

    • Je comprends mais je ne vois pas comment un site peut détecter si l’email entré par un visiteur est le sien…

    • Oui en cela vous avez raison, mais obliger l’utilisateur à rentrer 2 fois son adresse est un début de solution et je n’arrive pas à) savoir sir contact form peut le faire ?

  36. Merci pour ce tuto complet et très clair! Même quand on est nulle comme moi, on peut y arriver avec ça. 😉 J’ai enfin pu intégrer un formulaire de contact, ce qui me permet de ne plus afficher mon adresse mail directement sur mon blog.

    Répondre
    • Ravi d’avoir pu aider Maike 🙂

  37. Bonjour,

    Un grand merci pour cet article très complet sur le plugin.

    Répondre
  38. Bonjour et bonne année 2015
    Dans le formulaire de contact j ai voulu utiliser le captcha comme indiqué dans le tuto . Je remplis le formulaire je rentre l image du captcha et je soumet. L’envoi boucle et n ai jamais envoyé. Pour ne pas génér les utilisateurs j ai supprimé le captcha. merci de votre réponse

    Répondre
  39. Bonjour,
    Jusqu’à présent, je me débrouille assez bien avec Contactform, je l’utilise dans plusieurs de mes pages et le résultat est fort satisfaisant.
    Maintenant, je voudrais remplir un champ à partir de données extraites de ma base MySQL.
    L’utilisateur n’aurait qu’à sélectionner parmi les choix proposés et selon le choix les données affichées pourraient être différentes.
    En fait, c’est un registre d’évènements et selon la date choisie l’internaute pourrait consulter ce qui s’est passé ce jour là. « (C’est arrivée le…)
    Si ce n’est pas possible avec Contactform, avez-vous un autre plugin à me proposer ?
    Merci beaucoup !

    Répondre
  40. Bonjour et merci pour ce très bon tuto!

    J’ai cependant un petit souci, je souhaiterai mettre un numéro de téléphone obligatoire et le champs s’inscrit mais pas dans le même format que les autres champs. Il ressort en encadré ce qui nuit au design du formulaire.
    J’espère avoir été clair et vous remercie de votre réponse.

    Répondre
    • Bonjour Olivier,
      Cela vient du code CSS de votre thème qui ne supporte pas les champs de type téléphone :/

    • Bonjour Olivier,

      J’ai eu le même souci sur 2 sites et (je ne sais pas si c’est très « catholique » mais ça fonctionne tres bien) je mets une zone texte pour le tel.

      Bien cordialement et belle soirée !

    • Merci à tous les deux,
      Farah, c’est ce que j’ai fait et ça fonctionne.

  41. Bonjour
    J’ai moi aussi installė contact form7 pour pouvoir l’intégrer à ma page de maintenance (blog en préparation !) page de maintenance réalisée avec wp maintenance. Le hic c’est que mon bouton de soumission n’apparait pas a la fin de mon formulaire, je suis perdue ! Quelqu’un aurait il la solution ?
    Merci !!

    Répondre
    • Bonjour Emmanuelle,
      Question bête mais l’avez-vous intégré dans le formulaire ? Si oui, c’est probablement un problème de CSS.
      Bonne continuation
      Alex

  42. Par manque de moyens, je suis en train de créer mon site pro moi-même. Conclusion : webmaster, c’est un vrai métier ! Heureusement, que je trouve des tutos super sympas qui m’aident, alors un grand merci. J’ai créé mon formulaire de contact (contact form 7 et really simple catchka avec wordpress). Miracle ! ça fonctionne. Toutefois, je n’arrive pas à résoudre un problème. La taille du champ du corps du message se résume à une seule ligne. Bref le genre de truc totalement inconfortable pour celui qui laisse un message. J’ai essayé de modifier plusieurs données, rien n’y fait. Auriez-vous un petit truc pour moi, svp ?

    Répondre
    • Bonjour Guillaume,

      Merci pour ton message 🙂
      Pour le champ message, cela doit être un problème de CSS lié à ton thème. Si tu peux insérer du CSS personnalisé, essaie d’inclure ça :
      .wpcf7 textarea{min-height: 100px;}

      Fait varier le 100 pour obtenir la hauteur minimale de ton choix.
      Bonne continuation
      Alex

  43. Bonjour,

    J’ai configuré correctement mon formulaire, apparemment il fonctionne psuique lorsque j’envoie un message test il me dit votre message a bien été envoyé mais je ne reçois aucun mail.
    Est-ce que vous auriez la gentillesse de m’indiquer si c’est un problème connu ou si j’ai omis quelque chose? Merci.

    Cordialement,
    Christiane

    Répondre
    • Bonjour Christiane,
      Avez-vous vérifié vos courriers indésirables ? (spam)

  44. Bonjour Alex,
    Tuto très clair.
    Mon formulaire est convenablement configuré. Quand je fais le test, le message : « Votre message a bien été envoyé » apparait bien. Par contre, comme Christiane, je ne reçois aucun mail sur mon gmail. J’ai également vérifié dans mon dossier SPAM, mais même là, mon message de test n’apparait pas.
    Précision : mon site n’est pas encore en ligne. je le fais tourner en local via MAMP.
    Auriez-vous une idée ? une piste ?

    Merci à vous.

    Répondre
    • Bonjour Jean-Luc,
      Même en local, ça devrait fonctionner. Est-ce que votre email est bien renseigné dans le champ À ?

      Tenez-moi au courant.
      Alex

    • Le champs « À » est correctement renseigné. J’ai refait une installation de Contact form 7, re-configuré le tout en suivant à la lettre votre tuto, tout vérifié à nouveau mais rien n’y fait : toujours le même problème. J’ai beau chercher sur le web, pas de problème ressemblant au mien. Très curieux…

  45. bonjour,

    Après avoir suivi le tuto, très bien fait par ailleurs, le formulaire avec captcha n’envoie pas de message « votre message a échoué ».

    auriez vous une idée où cela peut venir?

    merci

    Répondre
    • Bonjour Jean,
      Non désolé :/

  46. Hello,

    merci pour ce tuto, il m’a qdmm bien aidé à comprendre tous les champs.
    Par contre, je n’arrive pas à le faire apparaitre sur ma page de contact.
    Je passes via un thème, et pourtant, j’ai modifié le formulaire basic qu’il avait, mais ça fait rien, je vois tjrs les anciens champs apparaitre avec leur dispo.

    Une idée à me soumettre ?

    Répondre
    • Bonjour Jeff,
      Il faut insérer le shortcode du formulaire dans la page pour insérer le formulaire.
      Au plaisir
      Alex

    • yes oui ca j’avais bien compris, mais dans ce theme, je ne trouves pas l’endroit où aller coller ce shortcode, j’ai lancé une recherche global et rien n’en est sorti et ensuite, je me suis dit qu’en dupliquant (pour sauvegarde) et en modifiant l’original ça devrait donc être correctement relié et donc ce changer, mais rien. Je me demandais si il n’y avait pas une autre action avec le fichier contact.php ?

  47. J’ai réussi à débloquer la messagerie. En fait en me connectant sur ovh, les messages sont bien débloqués mais j’avais quand même décidé de bloquer le message puis de les purger. Suite à cette manipulation, cela marche.

    Répondre
    • Super nouvelle Jean !
      Bonne continuation 🙂

  48. Il faut mettre le shortcode comme un texte dans la page !

    Répondre
  49. Bonjour,

    Je ne reçois plus les messages que mes clients laissent sur ma feuille de contact alors qu’il y a encore quelque temps ça fonctionnait bien, c’est embêtant et je ne trouve pas la solution Si vous pouviez m’aider svp
    Bien à vous
    F. AMPE

    Répondre
    • Bonjour François,
      Je viens d’envoyer un message de test et ça semble fonctionner, tenez-moi au courant si vous le recevez.
      Alex

  50. Très bon tuto, merci Alex,
    je n’ai trouvé nulle part le moyen de mettre par exemple : Nom et prénom sur la même ligne (2 colonnes) ou code postal et ville avec la possibilité de gérer les longueurs…

    Répondre
  51. Bonjour et merci pour toute ces aides.
    J’ai un petit problème, je n’arrive pas a mettre la case d’acceptation sur la même ligne que ma phrase « j’accepte les conditions générales de vente » la case d’acceptation se met soit au dessus soit au dessous…
    vous auriez une solution s’il vous plait?

    Répondre
    • Bonjour Mathieu,
      Cela doit être un problème de CSS par rapport à votre thème.
      Difficile de vous en dire plus :/

  52. Bonjour Alex :
    Très bon tuto, je vous remercie.
    Il y a quelquechose que je n’arrive pas à faire. C’est de pouvoir customiser les cases de textes. J’aimerai savoir comment est-ce qu’on fait pour créer des rectangles comme zone de texte dans CF7?
    Merci

    Répondre
    • Bonjour Gael,
      Cela est possible mais il faut passer par du CSS 🙂
      Bonne continuation
      Alex

  53. Dans ce cas, comment intégrer du CSS dans WordPress et donc précisement Contact Form 7.
    Je vous remercie pour votre précisement d’avoir répondue rapidement.

    Répondre
    • Bonjour Gael,
      Vous pouvez ajouter du CSS dans un thème enfant et cela fonctionnera très bien 🙂
      Bonne continuation
      Alex

  54. Hello,

    Comment mettre sur une seule ligne le nom et le prénom?

    Répondre
    • Bonjour,

      Il faut jouer avec le code CSS (une solution est d’utiliser la propriété inline-block).
      Bonne continuation
      Alex

    • Solution un peu casse-tête, je m’arrange pour créer un tableau en html et je met le shortcode dans chaque cellule, ce qui me permet d’avoir un nom et prénom sur la même ligne

  55. Bonjour, je cherche à créer un formulaire qui lors de la validation implémenterait un formulaire plus complet. Je n’arrive pas à trouver la solution :-).
    Si vous l’avez je suis preneuse.
    Si possible un plugin que l’utilisateur pourrait géré facilement une fois mis en place.

    Répondre
    • Bonjour,
      Gravity Forms peut probablement faire cela, à vérifier.

      Bonne continuation
      Alex

  56. Bonjour,
    Je souhaiterais mettre à disposition sur mon formulaire contact form 7 un document que les personnes qui le remplissent puissent télécharger, mais je ne trouve que l’option inverse. Il s’agit d’un formulaire mis en place pour permettre une adhésion en ligne, et j’aimerais que le bulletin d’adhésion à remplir soit à disposition des futurs adhérents….
    De la même manière, j’aimerais dans ma partie Email(2), pouvoir ajouter des pièces jointes ( les statuts de l’asso, le RIB de l’asso). Mais je n’y arrive pas, et je m’énerve ! Est-ce que c’est parce qu’il n’y a pas de solution ?
    Merci d’avance pour votre aide !
    Marianne

    Répondre
    • Bonjour Marianne,
      Si j’ai bien compris vous voulez fournir un fichier aux personnes qui complètent votre formulaire ?
      Pour réaliser cela, je me servirai de l’astuce numéro 2 pour rediriger les gens vers une page de téléchargement suite à la validation du formulaire.

      Bonne continuation
      Alex

  57. Bonjour,

    Merci pour cet excellent tuto !
    Je test contact form 7 ainsi que contact forme db. J’essaye d’utiliser Google spreadsheets live data mais cela ne fonctionne pas.
    Auriez vous une idée/astuce ?
    Merci

    Répondre
    • Aucune idée Pierro, désolé de ne pas pouvoir t’aider d’avantage…

  58. Bonjour,

    Merci pour le Tuto.

    Comment faire pour envoyer un mail à 2 personnes (ou plus) avec une sélection du destinataire par liste déroulante (astuce numéro4)?

    exemple:
    service commercial => destinataire 1 + destinataire 2
    service compta => destinataire 3 + destinataire 4
    etc

    Répondre
    • Bonjour Nicolas,
      Tu peux insérer plusieurs emails séparés par des virgules dans le champ destinataire du formulaire.
      A+
      Alex

  59. Bonjour,
    Excellent tuto, on en redemande. Quelle pédagogie. Bravo !
    J’ai une question concernant le tag URL car j’aimerais connaître l’adresse du site web du visiteur.
    J’ai donc inclus ce tag dans le formulaire. Je le reçois bien par mail mais j’aurais aimé qu’il soit cliquable. Comment faire ?
    PS : En-dessous de E-mail (2), j’ai bien coché « Envoyer cet e-mail au format HTML ».
    Merci et encore bravo.
    Dominique,

    Répondre
  60. Bonjour
    Apres mise a jour d’un plugin, j’arrive plus a voir le code de contact form 7.
    J’ai desinstaller le plugin en question et le probleme persiste.
    MErci de me donner un coup de main

    Répondre
    • J’ai déjà rencontré ce problème. Tout mon code dans Contactform était disparu.
      Dans mes recherches, j’ai réalisé que c’est à cause de Internet Explorer. Maintenant j’utilise Mozilla Firefox et je n’ai jamais eu ce type de problème depuis.

  61. Bonjour,

    Merci pour ce tuto très complet. Une petite question subsiste, est-il possible après avoir créé par exemple un menu déroulant avec liste à puce (pour l’objet du mail) d’envoyer à un destinataire en fonction de l’objet de mail choisi ? (ex : je choisi « marketing » comme objet et ça part à [email protected] ect…) Je ne sais pas si je suis clair ?

    Tout cela bien entendu sans que l’internaute n’est à choisir lui même l’adresse à laquelle il veut envoyer. En gros, il choisit l’objet et ça détermine le destinataire, c’est possible ?

    Bonne journée,

    Répondre
    • Bonjour Tifre,
      Normalement l’astuce n°4 devrait faire l’affaire ? Non ?
      Tenez-moi au courant.
      Alex

  62. Bonjour,

    Très bon tuto, merci !
    Est il possible de changer la couleur d’ecriture des champs ? Car sur mon site j’ai un fond noir et écriture noire sur fond noir c’est pas génial …
    Merci d’avance.

    Répondre
    • Bonjour Nicolas,
      Avec un peu de CSS c’est tout à fait possible 🙂

  63. Bonjour,
    Merci pour ce tuto qui m’aide à y voir plus clair.
    Quand je créée une nouvelle page avec le code du formulaire contact, la rubrique « laissez un commentaire » de mon blog apparaît sous la partie formulaire contact. Comment faire pour la désactiver dans ce cas précis ?

    Répondre
    • Bonjour Stephen,
      Normalement il y a une option pour désactiver le commentaire sur la page en mode édition.
      Sinon il faut éditer le fichier page.php pour retirer la fonction qui appelle les commentaires.
      Bonne continuation
      Alex

  64. Merci Alex,
    En effet, j’ai trouvé la case à cocher dans « Modification rapide ».

    Une autre question : souhaitant réutiliser la page contact ici ou là, j’étais tenté de modifier le permalink
    Actuellement, il me propose :
    http://localhost/blog/?page_id=10
    Je voudrais une URL du type http://localhost/blog/contact
    J’ai essayé une première fois dans « modifier les permalink » et choisi une structure personnalisée mais ma page est désormais « not found ». Ai-je oublié un truc ?

    Répondre
    • Bonjour Stephen,
      Pour les permaliens, il faut aller dans Réglages > Permaliens et choisir « Nom de l’article ». Cela vous permettra d’avoir des urls personnalisables 😉
      Bonne continuation
      Alex

  65. Hello,
    J’utilisai Are you humain, mais cette solution me fais baisser mes 5 points sur Google speed et me fais passer de A à B sur Gtmetrix etc..

    J’ai donc décidé de le changer pour un quiz ou un captcha, mais le problème est que je ne reçois plus de confirmation comme quoi le mail est bien partis!
    Dans les 2 solutions je reçois les mails mais je ne vois pas si ils ont bien été envoyé, avez vous une solution?

    Salutations

    Répondre
  66. Bonjour
    Apres mise a jour d’un plugin, j’arrive plus a voir le code de contact form 7.
    J’ai desinstaller le plugin en question et le probleme persiste.
    MErci de me donner un coup de main

    Répondre
  67. Bonjour, j’ai bien suivi ton tuto mais lorsque je veux tester le formulaire de contact de mon site j’ai un message d’erreur, le message ne part pas. J’ai pourtant bien suivi tes explications, sais-tu d’où est-ce que cela peut venir?
    Merci

    Répondre
  68. Bonjour,
    Très bon tuto Alex.
    Je voulais savoir comment changer la couleur des champs en fonction des formulaires. Y a-t-il un code à intégrer dans les réglages complémentaires ?

    Merci d’avance de ta réponse.

    Répondre
    • Bonjour Mica,
      C’est possible en ajoutant du code CSS à ton thème.

      Bonne continuation
      Alex

    • Merci Alex,

      Mais quel code dois-je rentrer et à quel endroit ? 🙂

    • Désolé mais je ne peux pas aider tous les lecteurs individuellement..

    • Dans mon cas, j’ai changé les paramètres dans mon fichier CSS dans la section:
      input[type= »text »], input[type= »password »], input[type= »email »], input[type= »url »], textarea
      À cet endroit, tu peux centrer le texte, changer sa couleur, changer la couleur de fond, etc.

  69. Merci pour le tuto simple et clair !

    Répondre
  70. slt Alex
    Dans le formulaire de contact j ai voulu utiliser le captcha comme indiqué dans le tuto . Je remplis le formulaire je rentre l image du captcha et je soumet. L’envoi boucle et n ai jamais envoyé.
    merci de régler ce problème

    Répondre
    • Aucune idée :/
      Essayez de contacter l’auteur du plugin de captcha pour en savoir plus.

    • Pour ma part, j’utilise «Really Simple CAPTCHA» et tout fonctionne très bien.

  71. slt Luc
    moi aussi j’ai installée le plugin «Really Simple CAPTCHA» mais quand j’efface le code du catcha dans le formulaire il y a un notre problème le mail n’est pas envoyer. j’en sais pa quoi faire et j’ai besoin d’utiliser ce plugin dans CF7

    Répondre
    • Le captcha n’est pas obligatoire, si tu n’es pas submergé de spam, tu peux très bien vivre sans. C’est ce que je fais sur mes sites. J’ai horreur de ça et je ne veux pas mettre de frein au contact.

    • Bonjour EDDALIL,
      Voici un bout de code pour le Captcha que j’utilise sur mes pages de contact:
      Inscrivez ce code [captchac captcha-789 size:m] ci-dessous
      [captchar captcha-789]

      [submit « Envoyer »]

      Espérant que cela pourra t’aider !

  72. merci Luc j’ai mis ton code mais ça marche pa et j’ai décidée de n pa utiliser ce plugin mais j’ai un autre prob que après que je clique sur envoyer il s’affiche ce message d’erreur
    « Envoi en cours …
    Erreur lors de l’envoi du message. Veuillez réessayer plus tard ou contacter l’administrateur d’une autre manière. » vraiment j’en sais pa comment régler ce prob.
    et merci pour tout Luc

    Répondre
    • Tu dois avoir une incompatibilité entre plugin (ou thème), ou aussi plugin corrompu. Il faut faire simple et trouver ce qui coince, essais en désactivant les plugin et change de thème …

    • Salut EDDALIL,
      Je ne comprends pas pourquoi ça ne fonctionne pas.
      Est-tu en local ou en ligne ?
      En sélectionnant CAPTCHA du menu générer un marqueur dans la section de droite, une fenêtre s’affiche où tu peux modifier certains paramètres. Par la suite tu n’as qu’à copier le code dans la section de gauche. Attention au CAPTCHAR (saisie) et CAPTCHAC (image). Le numéro est généré automatiquement.
      À noter que j’ai déjà eu des problèmes semblables parce que j’utilisais Internet Explorer. Depuis, je n’utilise que Firefox pour faire de l’édition sur mon site.

  73. slt Luc
    je travail en local et j’utilise Firefox ce qui concerne l’@ mail du champ À : L’email vers lequel le message doit être envoyé c une adresse GMAIL et même pour l’@ de l’expéditeur

    Répondre
    • Est ce que tu as fait les tests en virant les autres plugins ? Vérifié les paramètres du plugin ? Désactivé le CAPTCHA ?
      Quand tu aura fait tout cela tu pourra revenir te plaindre !

  74. slt Denis
    quelle version de wordpress tu utilise ? moi j’ai la version 4.2.1 ça peut etre ca le prob le plugin n’est pa compatible?
    et je suis désoler pour le dérangement

    Répondre
    • La dernière comme il se doit !
      Tu a probablement une incompatibilité, il faut la chercher.
      Si tu a un site en ligne, teste sur celui-ci.

  75. slt
    comment je peut tester le plugin en local car j’ai pa encore héberger le site et quand je test par des @ gmail ça donne un erreur

    Répondre
    • Salut EDDALIL,

      Si je me rappelle bien, il faut que tu travailles sur un site en ligne.
      Essaie avec un site hébergé si tu en as un.
      Est-ce que ça fonctionne sans le Captcha ?

    • Salut EDDALIL,
      Je viens de faire le test en mode local et effectivement, cela ne fonctionne pas.
      Il faut que la fonction mail() de l’hébergeur soit activée ce qui n’est pas le cas en mode local.

  76. salut Luc
    même sans le Captcha ça ne fonctionne pa et j’ai pa un site en ligne car c la première fois que je travail avec wordpress et j’ai pa encore héberger le site.maintenant le prob c’est comment je peux tester le formulaire en local car c le seul choix que j’ai.

    Répondre
    • Re Bonjour EDDALIL,

      Si tu installes le plugin WP Mail SMTP tu devrais être capable de le configurer et ainsi envoyer des mails avec Contact Form depuis ton installation locale.

  77. slt Luc
    j’ai voulue installer WP Mail SMTP mais j’ai trouvée qu’il n’est pas compatible avec ma version de wordpress 4.2.1 mais j’ai trouver ce plugin « WP Mail Bank – PHPMailer & SMTP Mailer » est ce que ce plugin peut m’aider qu’est ce que tu pense Luc?

    Répondre
    • Bonjour EDDALIL,
      À première vue, je ne craindrais pas d’installer WP Mail SMTP même s’il n’est pas parfaitement compatible. (4.0.5 vs 4.2.1) Toutefois, j’ai regardé WP Mail Bank et il me semble que ce soit équivalent et qu’il mérite d’être essayé.
      Bonne continuation !

  78. Bonjour
    je suis entrain d’héberger mon site dans OVH et mon client a commander une offre perso qui est compatible qu’avec la version 5.1 et j’ai créer une base de données chez OVH et j’ai exporter aussi ma base wordpress .mais quand j’importe la base une erreur s’affiche » Vous avez probablement tenté de télécharger un fichier trop volumineux. Veuillez vous référer à la documentation pour trouver le moyen de contourner cette limite. » qu’est ce que je peut faire et voici le détail de l’offre https://www.ovh.com/ma/hebergement-web/hebergement-perso.xml

    Répondre
  79. Bonjour,

    Je souhaite à travers un formulaire récupérer le lien de la page sur laquelle l’internaute transmet sa demande.

    Je n’y arrive pas.

    Pouvez -vous m’éclairer?

    Merci d’avance

    Répondre
    • Bonjour,

      Cela est détaillé dans la 7eme astuce fournie dans cet article…

  80. Merci pour ce tuto ! très utile (je suis sur un thème WordPress ne proposant pas de formulaire…) Je suis restée sur une présentation simple mais l’essentiel y est ! Merci

    Répondre
  81. Bonjour Alex,
    je veux ajouter dans le formulaire un champ de mot de passe et un autre champ de validation du mot de passe et une autre question comment faire le sauvegarde dans une table de ma base de données et merci d’avance

    Répondre
  82. Bonjour,

    Je tiens à vous remercier pour ces explications très simples et très efficaces ! j’ai pu facilement créer mon formulaire alors que je n’y comprenais rien jusqu’à hier 🙂

    J’ai juste une question à vous poser, je développe un site avec wordpress actuellement mais le site est destiné à un public anglais, hors quand dans le formulaire j’ajoute le marqueur » Mise en ligne d’un fichier » sur le site cela apparait en Français, y a t’il une solution à mon problème ?

    Bien cordialement,

    Répondre
    • Bonjour Fabien,
      Passe la langue de ton site en anglais et ça devrait fonctionner (dans Réglages > Général).

  83. Même après 1 an, je te remercie pour ce tuto.
    Je me posais une question, à savoir, est-il possible avec Contact form 7 de faire un formulaire de don avec Paybox ?
    merci de vos retours.

    Abdel

    Répondre
    • Bonjour Abdel,

      À ma connaissance, je ne crois pas que ce soit possible. Il faut vérifier si un addon existe.
      Bonne continuation
      Alex

  84. Bonjour,

    Lorsque l’on rédige le corps du mail à envoyer de façon automatique lorsque l’internaute a rempli le formulaire, est-il possible de le styliser ?

    J’ai tenté d’afficher des balises strong ou b pour mettre en évidence les éléments renseignés par l’internaute mais elles s’affichent sous forme textuelle m’empêchant une mise en forme du mail 🙁

    En vous souhaitant un bon week end,
    Kevin

    Répondre
    • Bonjour Kévin,

      Il est possible d’envoyer l’email au format HTML, as-tu coché cette case ?
      Au plaisir
      Alex

  85. Bonjour,
    j’ai toujours suivi vos tutos qui m’ont été d’une très grande aide notamment pour réaliser mon formulaire de contact avec CF7.
    Cependant, aujourd’hui je tente d’en créer un nouveau, mais la page de création du formulaire n’est plus présente.
    Pourriez-vous m’aider ou avez-vous une idée de ce à quoi cela peut-être dû ?

    Cdlt

    Jean

    Répondre
    • Bonjour Jean,

      Le plugin a été mis à jour, je vais devoir faire de même pour l’article. Merci pour le signalement 🙂

  86. « Il est possible d’envoyer l’email au format HTML, as-tu coché cette case ? »
    Chez moi, justement, si je coche cette case, je ne reçois plus les mails.

    Répondre
    • Étrange, essayez de voir avec leur support pour en savoir plus.

  87. Bonjour,

    J’utilise contact form 7 pour recevoir des fichiers de la part des utilisateurs connectés.
    Comment récupérer l’adresse mail et/ou l’identifiant de ces utilisateurs ?
    Actuellement, je leur demande de taper leurs nom et adresse alors qu’ils l’ont déjà fait pour se connecter.

    Merci

    Répondre
    • Bonjour Patricia,

      A mon sens, vous pouvez faire cela en créant un shortcode qui retourne l’adresse de l’utilisateur connecté dans un champ caché.
      Cela est assez technique par contre…

  88. Bonjour Alex,
    Je suis totalement novice dans le domaine mais cependant votre tuto m’a énormément aidée 🙂 Un GRAND MERCI!
    Malheureusement, lorsque j’ai voulu tester le formulaire, impossible de l’envoyer, j’obtiens toujours le message d’erreur suivant: Erreur lors de l’envoi du message. Veuillez réessayer plus tard ou contacter l’administrateur d’une autre manière.
    Est-que peut-être vous auriez une idée de quoi cela pourrait venir?
    D’avance merci

    Répondre
    • Bonjour Emilie,

      Le problème ne vient peut-être pas de CF7, est-ce que ton site t’envoie des emails (par exemple des notifications de commentaires) ?
      Tiens-moi au courant.

      Ravi de t’avoir aidé en tout cas 🙂

  89. Bonjour Alex. Joli tuto 🙂
    J’essaie de tracker les formulaires remplis dans GA. J’ai inséré la ligne indiquée dans l’astuce N°1, mais du côté de GA, comment décrire l’évènement ?
    Peux-tu détailler à quel champ correspondent dans ton exemple « Formulaire de Contact » et « Validation » ? J’ai essayé plusieurs choses mais apparemment ça ne marche pas. Merci !

    Répondre
    • juste quelques précisions supplémentaires ???

  90. Bonjour, je souhaiterais collecter les emails de mes visiteurs si il le souhaitent, mais je voudrai ne pas recevoir de mail à chaque inscription, est-ce possible ? je souhaiterais juste les collecter dans une liste pour m’en servir plus tard.
    Cordialement

    Répondre
    • Bonjour Pierre,

      Mailchimp devrait pouvoir vous aider 🙂

    • Avec Mailchimp vous pourrez ensuite automatiser l’inscription de votre abonné sans avoir à le faire vous même.

  91. Hello
    très bon tuto complet merci à toi
    par contre comment faire de beaux formulaires en front office
    pourrai tu etre plus explicite sur les css?
    idem en backoffice, comment recevoir sous forme de beaux mails html les formulaires?
    aurais tu un ou des exemples de code?

    Répondre
    • Salut Sam,

      Il n’y a pas de secret, il faut apprendre le CSS. Chaque thème est différent, je ne peux pas donner un code qui conviendrait pour tous les thèmes.
      Pour les emails en HTML, le code CSS doit être placé dans les balises HTML. Cela demandera pas mal de boulot pour avoir quelque chose de propre.

      Bonne continuation
      Alex

    • merci pour ta réponse
      je comprends qu’il soit difficile de me répondre sur la partie frontoffice trop dépendante du theme en question
      mais pour la partie backoffice, pas moyen de trouver un code passe partout qui permet de recevoir sous format html les formulaires, passe partout mais un poil chiadé et élégant?

  92. Merci pour ce super tuto, je ne connaissais pas les astuces citées plus haut.
    Celle de google Analytics + la redirection : GA empêche la redirection vers une page merci… Je donc supprimé la ligne du GA.

    Je rencontre cependant un gros problème avec ce plugin, à chaque mise à jour, j’ai toutes les tags qui sont supprimés (To, from, subject, message body…). Est ce que d’autres personnes ont ce problème car ça m’arrive sur plusieurs sites ?

    Répondre
  93. Bonjour,

    Est-il possible en fonction du choix dans un input select envoyé à un destinataire particulier ?
    Par exemple j’ai 4 régions dans un select et en fonction de la région, je souhaite que l’email soit envoyé au responsable de cette region et pas aux autres.
    Merci.

    Répondre
  94. Bonjour, J’aimerai savoir comment faire un formulaire de contact sur deux colonnes Merci

    Répondre
    • Bonjour,

      Vous devez placer les champs dans deux balises « div » organisées en colonnes grâce à du CSS.
      Bonne continuation
      Alex

  95. Merci pour ta recette.
    comment récapituler après validation les informations contenues dans le formulaire et les afficher à l’expéditeur? est-ce possible?

    Répondre
    • Bonne question, je ne sais pas si cela est possible. Peut-être en mettant les shortcodes dans le message de confirmation. A tester

    • Oui la solution, la meilleure c’est de reporter les shortcodes dans le message de réponse. Organiser les shortcodes selon le message qu’on voudrait transmettre à l’expéditeur. Je l’ai fait et cela marche très bien.

  96. bonjour,

    très bon tuto toutefois une question dans le champ « numéro de téléphone » je souhaite mettre une obligation de rentrer 10 chiffres (minimum et maximum) est ce possible?

    Répondre
    • Merci 🙂
      Il me semble qu’il y a un limitateur de caractères pour cela.

    • merci,

      avez vous la manipulation a faire car je n’ai pas trouvé?

  97. Bonjour,
    J’ai bien fait comme c’est si bien expliqué, comme toujours sur ce site !
    Mais, je débute en wp (j’avais avant développé moi-même mon site en html), et, si le formulaire est bien créé, impossible d’écrire un texte dans les différentes zones du formulaire sur mon site. Une idée du problème…?

    Merci d’avance, car je cherche je cherche et je ne trouve rien…

    Marie

    Répondre
    • Bonjour Marie,

      Je viens d’aller sur votre site et tout semble fonctionner, par contre essayez de retirer l’effet de défilement car cela est très pénible pour la navigation.

      Bien à vous
      Alex

  98. Bonjour super votre tuto, j’aimerai savoir s’il est possible d’avoir une incrémentation de numéro automatique dans le corps du message une référence différente par remplissage de formulaires.
    Merci

    Répondre
    • Bonjour Filipe,

      Je n’ai jamais vu ce genre de chose mais on peut imaginer insérer un shortcode dans le formulaire qui afficherait un numéro différent.
      Bonne continuation
      Alex

    • Donc pas moyen de générer des bon de commande, personnalisés ?

  99. Bonjour Alex,

    Super tuto ! merci beaucoup,

    Je me pose une question : existerait-il un moyen de faire un calcul simple directement dans le formulaire?

    Par exemple:
    Champ1 x Champ2 + champ3 x champ4 + champ5 x champ 6

    et que ce champ soit visible dans l’email?

    Merci d’avance pour ton aide,

    Valentin

    Répondre
    • Salut Valentin,

      Bonne question. Peut-être est-ce possible en créant un shortcode mais je n’en suis pas certain.
      Pour avoir ce genre d’utilisation, tu devrais passer par Gravity Forms.

      Bonne continuation
      Alex

    • WOW !

      Super rapide dis donc !

      Merci beaucoup pour cette réponse, je vais directement aller voir chez Gravity Forms.

      Merci Chef =)

      Bonne journée, et bon Week-end

  100. Bonjour Alex,

    Vraiment ravi pour ce tuto et l’ensemble de conseils que vous nous fournissez.
    Moi j’ai un problème avec l’envoi de fichier (Contact form 7 de WP). Mes abonnés ne parviennent pas à m’envoyer plus d’un fichiers (ex. pdf, jpeg, …). Comment faire la configuration afin que mes contacts puissent m’ envoyer 2,3,4 voire plusieurs fichiers à la fois?

    Merci d’avance pour votre réponse.
    Thanks!
    Leopold

    Répondre
    • Bonjour Léopold,

      Est-ce que les shortcodes sont correctement insérés dans l’email de retour ? Si oui, ça devrait fonctionner 😉
      A+

  101. Bonjour,

    Je souhaiterai savoir comment mettre un champ en lecture seule, utiliser le « readonly ». Je sais que l’option y est je l’ai vu dans le code du plugin mais comment y avoir accès ? j’ai testé d’insérer le Readonly dans mes champs mais ça ne marche pas.

    Avez-vous une idée ?

    Merci,

    Répondre
    • Bonjour Caroline,
      Pourquoi voulez-vous créer un champ en lecture seule ? Vous pouvez entrer directement des infos dans l’email qui sera envoyé.

      Tenez-moi au courant.
      Alex

  102. Merci pour les infos! J’aimerais savoir s’il est possible avec ce plug-in de totaliser les « produits » choisis par le client au fur et à mesure qu’il clique sur le bouton radio de son choix?
    Par exemple, j’ai 2 produits, A et B, qui ont chacun 4 possibilités. Présentement, je ne suis pas avec WordPress et j’utilise FormMail. J »ai créé un petit fichier xx.js en relation avec formmail qui, lorsque le client clique sur un des boutons radio, totalise les prix de A et de B dans une boite un peu plus bas. Ainsi, le client voit tout de suite le total global de son achat. En plus, je montre aussi le total à payer immédiatement et plus tard: il doit payer immédiatement $100 de A plus le total de B), et plus tard, ce sera le résiduel de A.
    Merci à l’avance pour votre réponse!

    Répondre
  103. Bonjour,
    j’utilise Contact 7, et j’ai un petit pb, j’ai essayé avec une adresse factice (j’ai mis yahii au lieu de yahoo) de m’envoyer un mail via mon site et le formulaire contact 7 l’a validé…
    Du coup, si une personne se trompe dans son adresse mail, elle aura la confirmation de l’envoi par contact 7, mais je ne recevrai jamais le mail… Est-il possible de créer une condition dans contact 7 pour que le mail soit vérifié avant l’envoi ?
    Merci !

    Répondre
    • Malheureusement, si une personne se trompe dans son email, il sera difficile de la recontacter (elle n’aura d’ailleurs pas de confirmation). Parfois cela se joue à pas grand chose et on peut retrouver l’adresse d’origine mais pas toujours.

      Pour limiter les dégâts, je crois que CF7 utilise un champ email pour être certain que ce qui a été rentré est bien un email. Après, c’est à l’utilisateur de bien écrire…

  104. Merci beaucoup ! 🙂

    Répondre
  105. Hello !

    Super article, mais j’ai tout de même une petite question :
    Ne pouvant pas installer de plug-in sur mon blog, j’ai décidé de changer de thème pour avoir une page « contact us ». J’ai bien vérifié en prévisualisant le thème qu’il y avait bien cette page. Malgré cela, quand je l’ai activé, la page de contact n’est pas apparue. Avez-vous une solution à cela ?
    Merci d’avance pour votre réponse.

    Melody du blog AvenueDesMots (avenuedesmots.wordpress.com)

    Répondre
    • Bonjour Mélodie,

      Pour être franc, je ne connais pas bien WordPress.com à l’heure actuelle. Je pense toutefois qu’il y a un moyen d’inclure un formulaire de contact via un shortcode. A confirmer.

      Bonne continuation

    • Bonjour,

      Merci de votre réponse, je vais continuer de me renseigner.

      Bonne continuation sur ce superbe blog 🙂

  106. Merci pour tes précieuses informations, c’est génial pour quelqu’un qui ne parle pas la langue de Shakespeare, du très beau travail qui rend bien service. Encore merci.

    Répondre
    • Merci Pat 🙂

  107. Salut Alex,

    Merci beaucoup pour ton tuto très complet.
    Etant débutant j’ai un mal fou à toucher à la taille et à la police du formulaire ; pourrais-tu me donner un petit coup de main ?

    Répondre
    • Bonjour Hamza,

      Merci pour ton commentaire 🙂
      Pour ton problème, il faut jouer avec le code CSS (propriété font-size).

      Bonne continuation

  108. Bonjour,

    Votre page est un Graal ! 🙂

    J’utilise ce formulaire de contact et je debute sous WordPress. Depuis quelques jours lorsqu’on s’inscrit sur le site via ce formulaire, un message d’erreur apparait encadré en rouge disant que le message n’a pu etre envoye, et qu’il faut contacter l’administrateur du site. Visiblement l’inscription est considérée comme du spam. Je pensais au depart que cela pouvait provenir de l’extension Akismet qui gere les spam mais meme apres desactivation, le meme message apparait.
    Auriez vous quelques lumières ?

    Grand merci d’avance à vous
    Bien cordialement
    Valérie

    Répondre
    • Bonjour Valérie,

      Honnêtement je ne vois pas de quoi cela pourrait venir :/
      Peut-être un problème au niveau de l’envoi d’email du serveur ?

    • Bonjour Alex

      Juste pour vous remercier de votre réponse.
      Si je trouve la solution je viendrai la poster ici histoire que cela puisse aider d’autres qui se trouveraient confrontés au même problème.
      Encore merci.

  109. Merci pour ce tuto, il est parfait 🙂 Juste une petite question, comme je débute, quand j’arrive sur ma page web et que je mets mon curseur dans les champs à remplir, ces champs deviennent bleus clairs. Est-ce possible de changer cela ? J’ai un site internet sur les mariages qui est totalement blanc, noir et rose donc avec le bleu c’est pas top 🙂 Merci d’avance pour la réponse 🙂

    Répondre
    • Salut,

      C’est un souci de code CSS. Il faut désactiver le code associé aux éléments de formulaire lorsque l’on est en train de saisir du texte.

  110. Bonjour et merci beaucoup pour ce tuto, très clair.
    Ma question est la suivante :

    Je souhaite que le formulaire soit envoyé à 2 adresses destinataires, mais je ne comprends pas comment mettre qqun d’autre en copie.
    J’ai utilisé la fonction 2° email pour que l’expéditeur reçoive une copie de son message, donc cette dernière ne peut plus être utilisée pour le 2° destinataire.

    Une solution please?
    D’avance merci.
    Gwenaelle

    Répondre
    • Bonjour Gwenaelle,

      Essayez de séparer les emails par des virgules dans le champ email, ça devrait fonctionner (à moins que ce soit des points-virgules). A tester

  111. Merci Alex
    J’ai finalement trouvé.
    Il faut mettre les 2 adresse mails comme ceci, sans séparateur

    En tous cas, cette solution fonctionne sur mon site.

    Un grand merci ! bonne journée

    Répondre
  112. Bonjour Alex,

    Je viens d’ajouter le code dans le champ réglages complémentaires pour avoir un suivi sur Google Analytics. Dois-je effectuer d’autres manips pour obtenir le suivi dans Google Analytics ? Où va se trouver cette info dans Google Analytics ?

    Merci par avance, bonne journée !

    Répondre
    • Bonjour Tatiana,

      Vous n’avez rien à faire d’autre pour Google Analytics. La seule condition est que le code de suivi doit déjà être intégré sur votre site, mais ça doit être le cas.
      A bientôt

  113. Merci Alex pour votre réponse.
    Je n’arrive cependant pas à voir où les statistiques vont apparaitre dans Google Analytics. Pourriez-vous m’indiquer ceci svp ?

    Merci et bonne journée 🙂

    Répondre
  114. Bonjour,
    Merci pour le tuto et toute la discussion !
    le plugin me signale un problème de configuration…il indique :
    « This email address does not belong to the same domain as the site. » quand je mets le tag [your-email] dans le FROM de l’onglet EMAIL…
    Une idée ?
    Merci d’avance
    Samuel

    Répondre
    • Bonjour Samuel,

      Vous pouvez régler cela en plaçant « Reply-To: [your-email] » dans le champ « Additional Headers » 😉

  115. Très bon tuto, très complet, en plus j’ai appris un truc pour récupérer un shortcode et le mettre dans un template de page PHP.

    J’étais justement en train de galérer sur cette problématique

    Bravo et merci 😉

    Répondre
    • Avec plaisir Dewy 🙂

  116. Bonjour et bravo pour cet excellent tuto !
    Petite question : comment ajouter les données du formulaire dans une table de ma base de données en même temps que l’envoi du mail au destinataire ?

    Merci par avance

    Répondre
    • Salut Denis,
      Ce plugin devrait pouvoir t’aider 😉

  117. Bonjour Alex, merci pour le tuto, il est très bien !
    J’ai une question supplémentaire. Le messages envoyés à l’utilisateur (e.g. message d’erreur ou autre) s’affichent dans des cadres de couleurs par défaut, est il possible de les personnaliser ?

    Répondre
    • Oui tout à fait, il suffit de personnaliser le code CSS. Cela n’est pas possible directement via le plugin.

  118. Merci !!!!!

    Répondre
  119. Bonjour,

    Je souhaite utiliser contact form 7 sur mon blog wordpress (en construction). Malheureusement je ne comprends absolument rien à la nouvelle version.

    J’avais déjà utilisé ce pluggin il y a quelques mois lors de mes cours, mais l’interface était totalement différente de celle d’aujourd’hui. C’était la même interface que celle sur vos screenshots.

    Aujourd’hui plus rien ne correspond, et de plus, il m’est impossible de choisir la langue de mon formulaire (je comprends l’anglais, mais l’anglais technique est encore un peu obscure pour moi et cela m’aurait grandement aidé d’avoir une interface française).

    Je me retrouve donc avec certaines parties de l’interface en français et d’autres (réglages des shortcodes) en anglais…

    Est ce qu’il existe une solution ? Google n’a malheureusement rien pu faire pour moi…

    Répondre
    • Bonjour Camille,

      Contact Form 7 est un plugin très populaire mais si vous voulez gagner en simplicité, je vous recommande plutôt Formidable Forms (la version gratuite est amplement suffisante).

  120. Bonjour,

    Contact Form 7 est installé sur mon site wordpress et utilisé pour le formulaire de contact basique et pour un devis détaillé mais je ne reçois pas les demandes dans ma boite mail par contre je reçois bien les notifications des commentaires.
    J’ai essayé de me pencher sur la question mais ce n’est pas moi qui ait mis le site en place et j’avoue ne rien y comprendre… Une idée du pourquoi du problème? Et surtout comment le régler?

    Répondre
    • Bonjour Floriane,

      Si cela ne s’arrange pas, je te recommande de passer à un plugin comme Formidable ou Gravity Forms.

    • Merci beaucoup pour ton aide!
      J’ai installé Formidable Forms qui est d’une grande simplicité et ça fonctionne! Par contre la possibilité d’envoi d’un fichier par le client via le formulaire fait parti des add-on payant alors que c’était gratuit avec Contact Form 7. Est ce que cette option est inclus à Gravity Form?

    • Bonjour Floriane,

      On peut faire beaucoup de choses d’entrée de jeu avec Gravity Forms. Tu pourras le découvrir en détail dans cet article.
      Bonne continuation

  121. Je suis surpris que vous n’ abordiez pas le champ « téléphone »…Je suis un novice en la matière et je trouve ce plugin un peu compliqué, même s’ il est gratuit. De plus, l’ interface que vous présentez ne correspond pas à celle que j’ ai sur mon WordPress. Pouvez me dire comment insérer un champ « téléphone » et un champ « fichier ». Cordialement..

    Répondre
    • Effectivement, ce plugin ne s’améliore pas avec le temps. C’est pourquoi je vous recommande Formidable Forms et Gravity Forms, ils sont bien meilleurs.

  122. Bonjour,

    Est-il possible de remplir une base de donnée (un tableau excel?) automatiquement lorsque l’utilisateur envoi son formulaire?

    Répondre
  123. Merci beaucoup, c’est ce qu’il fallait!

    Répondre
  124. Bonjour,

    Y a t-il moyen avec CF7 de « faire apparaître » certains champs en fonction de ce que l’utilisateur sélectionne plus haut dans le formulaire ?

    Merci d’avance,
    Cordialement,
    Pauline

    Répondre
    • Bonjour Pauline,

      Je ne crois pas que ce soit possible. Tu pourras faire ça avec des extensions comme Gravity Forms par exemple.

  125. Bonjour Alex,
    C’est tuto m’est très utile. Merci Beaucoup.
    Toutefois, j’ai une question : Pourqoui l’auteur du plugin ne recommande pas de faire une redirection après l’envoi de l’e-mail.

    Répondre
    • Merci 🙂

      Pour la redirection, un message de succès peut suffire dans beaucoup de cas aussi.

  126. Bonjour mon cher Alex,
    Voilà déjà quelques mois que je vois que tu dois remettre au goût du jour ce plugin. Malheureusement il ne l’est toujours pas. Penses tu le faire bientôt ? Surtout ne prend pas cela pour un reproche, je serais peiné d’avoir provoqué cela, je dévore littéralement tout tes articles et tu m’as été très souvent d’un grand secours. Là je dois décider, Contact forme 7 ou Formidable ou peut-être même Contact manager. Je ne dois pas me tromper car je suis sur dix sites en dix langues, je fais cela pour mon fils. Je suis sur WordPress MU.
    A un de ces jours Alex. Tu bosses bien mon grand ! Mon âge ? 60 ans le 8aout.
    Eric Bertolaso.

    Répondre
    • Salut Eric,

      Utilise plutôt Formidable, ça sera plus simple à manipuler 🙂

  127. Merci du conseil Alex !

    Répondre
  128. Bonjour alex,

    je n’ai pas compris à propos de « Rediriger vers une autre page après validation »

    corentin

    Répondre
    • Salut Corentin,

      Cette option permet de rediriger le visiteur sur une autre page une fois qu’il aura validé le formulaire.
      J’espère avoir pu t’aider 🙂

  129. Bonjour Alex
    c’est super, le boulot que tu accomplis et ton site est le premier que je consulte pour mes problèmes, et cela m’est suffisant à 95 % du temps.
    Au passage, ce n’est pas le lieu, mais je crois avoir été le 5° à avoir vu ta vidéo sur CUSTOMIZER et je l’ai déjà utilisé sur un site.

    Je cherche lors de la présentation du formulaire à
    1- récupérer les infos de l’inscription (nom, courriel et message)
    2- retrouver les infos remplies par l’abonné, comme étant et faisant partie de son profil.
    3- pouvoir afficher : profil rempli à 50%, 75% etc

    Contact form 7 ne me semble pas faire cela, sauf pour le point 2, je dois encore le tester avec le add-on DB
    Gravity form, pour faire des test, il n’y a pas de free version, mais saurait remplir les 3 conditions ?
    Formidable Forms il faut la version PRO et je ne suis pas sûr qu’il remplisse les 3 points d’après leur doc
    Voilà je m’adresse à toi et à ta connaissance, légèrement plus étendue que la mienne :-)), pour me suggérer une piste.
    A bientôt

    Répondre
    • Salut Leonardo,

      Merci de tout retour sur la Marmite, content que les contenus te soient utiles 🙂

      Pour te répondre, tu peux faire le 1 et 2 avec Gravity Forms et son addon User Registration (uniquement disponible dans la version développeur par contre). Pour le 3, il faudra passer par du développement personnalisé (je ne pense pas me tromper en disant qu’aucune extension de formulaire ne présente cette fonctionnalité).

      A+

  130. Tuto au top! j’ai utilisé l’astuce 4 mais par contre mon menu déroulant est tout blanc :/
    Je suis un peu un newbie sur WP mais d’après ce que j’ai compris il faut que je joue avec le CSS c’est ça? mais du coup il faut que je rajoute un pluggin pour ça? j’ai un peu de mal parce que je récupère le site…

    Répondre
    • Bonjour Brieuc, pour modifier le css, pensez à créer un thème enfant avant toute chose.

  131. Bonjour,
    j’utilisais auparavant Contact Form 7 mais il ne fonctionne pas avec certaine adresse (wanadoo, orange, neuf..)
    Est-ce que vous connaissez un autre plugin wordpress de formulaire de contact pour pallier à ces problèmes ?
    Merci d’avance.

    Répondre
    • Bonjour, vous pouvez utiliser Gravity forms

    • « Formidable » (c’est son nom !) il est gratuit et peut suffire pour des formulaires plutôt simples. Pour du plus compliqué, il faut mette la main au portefeuille et prendre la version payante. Là, c’est du lourd ! (Dans le sens « Très Bien »)

  132. Bonjour
    Merci beaucoup pour tous tes articles et tutos, très utiles pour une débutante comme moi qui se lance sur WordPress. Mais du coup, étant débutante, j’avoue que je suis un peu perdue avec cet article, et j’ai l’impression que l’interface a changé depuis que tu l’as écrit, je ne m’y retrouve pas 🙁
    Puisque tu dis que Gravity Forms est plus simple, je suis allée voir, et il en existe 14 pages de versions différentes. Est-ce que tu veux bien me dire auquel tu penses stp?

    Merci beaucoup
    Bonne soirée
    Sarah

    Répondre
    • Bonjour Sarah, si vous souhaitez vous investir sérieusement sur wordpress, je vous recommande chaudement d’intégrer la prochaine vague du chaudron lancé par Alex.
      Il y propose une formation en 1h de gravity forms et une formation plus poussée pour approfondir certains aspects.
      https://wpmarmite.com/chaudron/

  133. Oui, pourquoi pas. Ceci dit, j’ai l’impression qu’il n’y a pas de session programmée pour le moment…
    Et quel est le tarif de ces formations?
    Merci
    Bonne journée
    Sarah

    Répondre
    • Bonjour Sarah, une nouvelle campagne ne va pas tarder

  134. Bonjour Alex, merci pour ce tuto à propos de contact form…
    Je t »écris à ce jour car j’ai un serieux probleme avec un plugin que j’ai ajouté à contact form, il s’agit d’un add on qui permet d’inclure dans le formulaire de champs qui apparaissent sous logique conditionnelle! (conditionnal field)
    Malgré le tuto en anglais traduit à l’aide de l’ami google, impossible de le faire fonctionner! Peut être aurai je besoin d’un véritable tuto en français.
    J’espère que vous avez connaissance de l’existence de ce plugin et que vous pourrez m’apporter plus de précisions quant à son utilisation.
    Cordialement

    Répondre
    • Bonjour Stéphane, c’est un peu difficile de dire si nous le connaissons ou non. Il nous faudrait un peu plus de détail

  135. Bonsoir Alex,

    Merci pour pour ce tuto cependant dans l’e-mail lorsque je mets : De [your-name][your-email] le message d’erreur suivant s’affiche : Cette adresse de messagerie n’appartient pas au même domaine que le site.
    Et lorsque je garde la configuration par défaut : [your-name] je ne reçois jamais le mail envoyé via le formulaire de contact.
    Avez-vous idée pour régler ce problème ?

    Marie-Odile

    Répondre
    • Bonjour Marie-Odile,

      L’adresse mail est elle en @yourdomain.com ou votre adresse gmail?

  136. Bonsoir Alex,

    Merci pour pour ce tuto cependant dans l’e-mail lorsque je mets : De [your-name][your-email] le message d’erreur suivant s’affiche : Cette adresse de messagerie n’appartient pas au même domaine que le site.
    Et lorsque je garde la configuration par défaut : [your-name] je ne reçois jamais le mail envoyé via le formulaire de contact.
    Avez-vous idée pour régler ce problème ?

    (je vous renvoie ce message car mon adresse mail n’était pas la bonne : mon adresse perso est bien celle de ce message, désolée.)

    Marie-Odile

    Répondre
    • Bonjour Marie-Odile, vous ai répondu sur le message précédent

  137. Bonjour Alex
    Très bon article, comme toujours… 🙂

    Je suis juste après dans la recherche….
    J’ai crée des customs post et je veux insérer mon formulaire dans un template single-machin.php.

    J’ai insérer mon formulaire dans ce fichier sous la forme :

    Côté admin de WordPress, dans Contact form, onglet E-mail, je doit le récupérer dans le corps du message le titre de l’article.

    Dans une page / un article classique on met [_post_title] pour récupérer le titre de l’article dans lequel le formulaire est inséré mais dans le cas d’une insertion dans une page template, cela ne fonctionne pas.

    Dans le mail reçu on a le shortcode [_post_title] au lieu du « vrai » titre de la page que l’on a utilisé pour envoyer le formulaire.

    Une idée ?

    Au fait bravo, pour WP Chef,
    J’ai été très tentée mais là aussi, je suis juste après 🙁
    Tu veux pas appliquer l’idée au niveau « au-dessus » 🙂 ???
    C’est de ma faute, j’ai toujours eu du mal à rentrer dans les cases …

    C’est de ta faute également !
    Cela fait longtemps que je voulais mettre « les mains dans le cambouis » un peu plus loin voir ce qu’on peut faire !!
    « Relooker son Thème » est très bien fait et m’a fait progresser et oser 🙂

    Si un jour tu veux développer un « niveau au dessus » de celui un place sur WP Chef, N’hésites pas …

    Bonne continuation et au plaisir de te lire.
    Comme toujours… 🙂

    Répondre
    • Bonjour Aglae 361,

      Quels sont les sujets que vous aimeriez qu’on traite ?
      Pour le moment, si vous avez besoin d’aller plus loin je peux vous conseiller le Chaudron ou Elegant School si vous utilisez le thème Divi

  138. Bonjour Alex
    Merci pour le tuto mais j’ai un souci lorsque je valide mon formulaire de contact j’ai cette erreur  »’Une erreur s’est produite lors de l’envoi de votre message. Veuillez essayer à nouveau plus tard. »

    Répondre
    • Bonjour Rostand, difficile à dire quelle est la raison. Avez-vous regarder la FAQ de contact form 7?

  139. Bonjour,
    J’ai un soucis, après avoir créer comme il faut le formulaire, tout se passe très bien mais lorsque j’envoie un message test par le formulaire contact, le message s’envoie mais je ne le reçois jamais sur ma boite gmail alors qu’il est censé arriver dessus. Je ne comprends pas pourquoi je ne reçois pas les messages sur ma boite alors qu’apparement ils s’envoie correctement.
    Merci de votre aide et très bon tuto!
    Dorian

    Répondre
    • Bonjour Dorian, faute de temps nous ne pouvons pas faire de support mais je vous invite à consulter la faq de contact form 7 ou à les contacter directement

  140. Bonjour,

    J’ai une petite question : comment ajouter une case « cochable » dans un formulaire (avec Contact Form 7) ?
    Par défaut on peut cocher que 1 case par question, je souhaiterais que cela passe à 2 cases.

    Merci d’avance 🙂

    Répondre
    • Bonjour vincen, cela devrait être présent dans les paramètres

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Marmite ne peut malheureusement pas fournir de support. Merci d'en tenir compte dans votre commentaire 😉

Si vous ne lui en voulez pas, donnez-lui un j'aime sur Facebook :



172 Shares
Share63
Tweet74
Share35