Accueil » Notre Blog WordPress » Wordpress » Créer un Formulaire de Contact WordPress avec Contact Form 7

Créer un Formulaire de Contact WordPress avec Contact Form 7

Publié par : Said
Mis à jour le 04/12/2023
formulaire de contact wordpress avec contact form 7

Avoir un site WordPress qui fonctionne bien, c’est important. Mais c’est encore plus important que vos visiteurs puissent vous contacter facilement. Un Formulaire de contact WordPress est un outil essentiel pour ça.

Un formulaire de contact permet à vos visiteurs de vous écrire des messages, de poser des questions ou même de demander des informations spécifiques. C’est un excellent moyen de communiquer avec vos clients et de développer votre entreprise. Maintenant vous vous posez la question, comment mettre un formulaire sur mon site WordPress?

Dans cet article, nous allons vous montrer comment ajouter un formulaire de contact à votre site WordPress en utilisant une extension gratuite et populaire appelée Contact Form 7.

Contact Form 7 est utilisé par plus de 5 millions de sites Web dans le monde. C’est une extension facile à utiliser, même pour les débutants. Elle offre une variété de fonctionnalités qui vous permettent de créer des formulaires de contact personnalisés pour répondre à vos besoins.

si vous préférer le format vidéo aller directement vers la fin.

contact form 7

Pourquoi utilisez un formulaire de contact sur votre site web ?

Il est essentiel d’avoir un formulaire de contact sur votre site web pour plusieurs raisons cruciales :

  • Faciliter la communication : En utilisant un formulaire de contact, les visiteurs peuvent facilement communiquer avec vous, poser des questions, donner leur avis ou demander des informations sur vos produits ou services.
  • Améliorer l’expérience utilisateur : Un formulaire de contact bien conçu peut offrir une expérience utilisateur optimale. En fournissant une méthode simple et intuitive pour contacter votre entreprise, vous améliorez l’image de votre marque.
  • Collecter des informations : Les formulaires de contact peuvent vous aider à recueillir des informations précieuses. Telles que le nom, l’e-mail, le numéro de téléphone ou l’entreprise de vos visiteurs.
  • Opportunités de conversion : fournissant une méthode de contact facile, directe, vous augmentez les chances de transformer vos visiteurs en clients. Si vous résolvez rapidement et efficacement les questions ou préoccupations de vos visiteurs grâce à votre formulaire de contact, ils sont plus susceptibles de faire affaire avec vous à l’avenir.
  • Prévention des spams : il peut vous aider à éviter que votre adresse e-mail ne soit visible sur votre site web. Réduisant ainsi le risque de recevoir des spams. En utilisant des systèmes de captcha ou de vérification de l’adresse e-mail, vous pouvez également ajouter une couche de sécurité supplémentaire pour éviter les spammeurs et les bots.
  • Apparence professionnelle : Vous montrez à vos visiteurs que vous êtes une entreprise sérieuse et professionnelle. Prête à répondre aux commentaires et aux questions des clients.

Pourquoi Contact Form 7?

Voici quelques-unes des raisons pour lesquelles vous devriez choisir Contact Form 7 pour votre site WordPress :

  • Elle est gratuite et open source.
  • Elle est facile à utiliser, même pour les débutants.
  • Elle offre une variété de fonctionnalités pour créer des formulaires personnalisés.
  • Elle est compatible avec de nombreux autres plugins WordPress populaires.

Dans la suite de cet article, nous vous montrerons comment installer et configurer Contact Form 7 sur votre site WordPress.

Créer un formulaire de contact wordpress avec Contact Form 7

1. Installer Contact Form 7, suivez donc ce tutoriel pour savoir comment installer un plugin wordpress.

installation de plugin

2. Dans le menu a gauche cliquez sur l’onglet Contact puis sur « Ajouter« .

Vous arrivez sur une page présentant quatre onglets distincts :

– Formulaire – E-mail – Messages – Réglages additionnels

Formulaire de contact wordpress

Dans la section « Formulaire« , vous trouverez un formulaire préétabli.

3. Commencez par saisir le nom de votre nouveau formulaire en haut, appelez le comme vous voulez. De préférence avec un nom spécifique adapté à sa fonction.

N’oubliez pas de sauvegarder vos modifications après toute modification apportée au formulaire.

4. Dans l’onglet « Formulaire« , vous avez accès au code HTML du formulaire de contact. Vous pouvez y ajuster les éléments comme le champ obligatoire [*], pour le nom, les champs pour l’e-mail, le sujet, le message, ainsi qu’un bouton pour l’envoi du formulaire.

Vous avez également la possibilité d’ajouter différents types de champs comme des dates, des menus déroulants, voire des quiz pour personnaliser davantage votre formulaire.

5. Ensuite, dans l’onglet « E-mail« , vous pouvez configurer les destinataires, l’expéditeur, le sujet, le corps du message et d’autres paramètres liés à la mise en forme et aux pièces jointes de l’e-mail.

Le deuxième champ d’émail « E-mail 2« , peut servir à envoyer une réponse automatique, par exemple « merci de nous avoir contacter on vous répondra dans les plus bref délai. »

6. Dans l’onglet « Messages« , vous pouvez personnaliser les messages qui s’afficheront en cas de succès ou d’erreur après l’envoi du formulaire.

7. Enfin, la section « Réglages additionnels » offre des options plus avancées pour ceux souhaitant personnaliser davantage le formulaire de contact.

Ajouter Google reCAPTCHA v3 à Contact Form 7

Google reCAPTCHA v3 est un service gratuit qui vous aide à protéger votre site contre les spammeurs. Il fonctionne en analysant le comportement des visiteurs de votre site pour déterminer si un utilisateur est un humain ou un robot.

Pour ajouter Google reCAPTCHA v3 à Contact Form 7, procédez comme suit :

  1. Allez sur le site Web de Google reCAPTCHA et connectez vous avec votre compte Google.
  2. cliquer sur « V3 Admin Console« 
  3. Cliquez sur le bouton « + » en haut.
  4. Donnez un nom à votre projet dans « Libellé« .
  5. ajouter L’URL de votre site web dans « domaines » et cliquez sur le bouton « Envoyer« .
  6. copiez votre « Clé du site » et votre « Clé secrète« .
création recaptcha

revenez sur votre tableau de bord WordPress.

  1. Dans le menu a gauche cliquez sur « Contact« .
  2. Cliquer ensuite sur « intégration« .
  3. Cherchez reCAPTCHA et cliquez sur « configuration de l’intégration« .
  4. ajoutez la « Clé du site » et la « Clé secrète » que vous avez copier plutôt.
  5. enfin cliquez sur « Enregistrer les changements« .
reCAPTCHA contact form 7

Voila félicitation, le travail est fait. vos formulaire de contacte sont maintenant protéger par reCAPTCHA.

Insérer le formulaire de contact WordPress créer sur une page.

Pour afficher le formulaire de contact que vous avez créé sur votre site WordPress, vous pouvez utiliser le shortcode fourni par le plugin Contact Form 7.

  1. Cliquer sur contact, les formulaires que vous avez créez seront afficher ici.
  2. Copier le code court du formulaire que vous souhaitez utiliser.
  3. Aller a l’endroit ou vous voulez l’ajouter et cliquer sur le + et recherchez le Bloc « Code court » puis insérer le.
  4. Coller votre code court a l’intérieur du bloc.
  5. Enregistrer les modification et visualiser votre page pour s’assurer que tout va bien.
insérer le formulaire de contact dans une page
Formulaire de contact wordpress avec contact form 7

Il est important de noter que Contact Form 7 est un exemple parmi tant d’autres plugins de formulaire de contact. Il existe de nombreux autres plugins de formulaire de contact disponibles que vous pouvez utiliser sur votre site WordPress.

Chacun avec ses propres fonctionnalités et options de personnalisation. Vous pouvez l’avoir aussi directement inclus dans les thèmes. Notre page contact est faite avec le theme Divi.

LE code et le texte utilisé sur la vidéo :
.wpcf7-text, .wpcf7-textarea, .wpcf7-select {
  box-sizing: border-box;
  border: 2px solid #292e29;
  border-radius: 5px;
  color: #292e29;
  padding: 10px;
  width: 90%;
}
.wpcf7-list-item {
  margin: 1em !important;
}
.consent{
font-size:12px;
}

ajouter classe au bouton (class selon votre thème)

Envoyez nous un message
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem.
suivez nous sur :


RGPD
j’accepte les termes et conditions pour le traitement de mes données
aux fins de répondre à ma demande.
(changer l'url par le votre
<p class="consent" >En cliquant sur « envoyer » vous consentez
 à ce que ces données soient traitées aux fins de répondre à
 votre demande. Pour plus d’informations veuillez consulter 
notre Politique relative à la protection des 
données personnelles
<a href="https://votresite.com/mentions-legales/"> Termes et Conditions</a></p>

Conclusion

En résumé, créer un formulaire de contact sur WordPress est simple et peut être fait en quelques étapes faciles.

Il vous suffit d’installer un plugin de formulaire de contact, de créer votre formulaire en utilisant les champs et options disponibles, et d’utiliser le shortcode fourni pour afficher le formulaire sur votre site.

En suivant ces étapes, vous pouvez facilement ajouter un formulaire de contact à votre site WordPress. Et Ainsi donner à vos visiteurs un moyen facile de vous contacter.

Vous pourriez aussi aimer

Comment Mettre à Jour WordPress : Guide Complet

Comment Mettre à Jour WordPress : Guide Complet

Dans le monde dynamique du web, maintenir votre site WordPress à jour est essentiel, non seulement pour bénéficier des dernières fonctionnalités mais aussi pour assurer la sécurité et l'efficacité de votre présence en ligne. Avec plus de 40% des sites web alimentés...

Hostinger : Le meilleur hébergement web WordPress pour 2024

Hostinger : Le meilleur hébergement web WordPress pour 2024

Aujourd'hui, avoir une présence en ligne est essentiel, que ce soit pour les entreprises ou les particuliers. Quand tu crées un site web, le choix de l'hébergeur est crucial. Il te faut un service fiable, sécurisé et performant. Pour les sites WordPress, Hostinger se...

WordPress la solution idéale pour créer votre site web

WordPress la solution idéale pour créer votre site web

https://youtu.be/zmOnIsc6JKE transcription : Introduction Bonjour et bienvenue sur votre chaîne WpTopGuide, pour cette série de tutoriels WordPress. je vous avoue que j’aurai  due commencer par cette vidéo avant celle de l’installation de WordPress. Mais vaut mieux...

0 commentaires

Soumettre un commentaire

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

planethoster offre
l'offre elegenttheme
Bluehost offre

Pin It on Pinterest

Share This