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.
Contenus de l'article
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.
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
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 :
- Allez sur le site Web de Google reCAPTCHA et connectez vous avec votre compte Google.
- cliquer sur « V3 Admin Console«
- Cliquez sur le bouton « + » en haut.
- Donnez un nom à votre projet dans « Libellé« .
- ajouter L’URL de votre site web dans « domaines » et cliquez sur le bouton « Envoyer« .
- copiez votre « Clé du site » et votre « Clé secrète« .
revenez sur votre tableau de bord WordPress.
- Dans le menu a gauche cliquez sur « Contact« .
- Cliquer ensuite sur « intégration« .
- Cherchez reCAPTCHA et cliquez sur « configuration de l’intégration« .
- ajoutez la « Clé du site » et la « Clé secrète » que vous avez copier plutôt.
- enfin cliquez sur « Enregistrer les changements« .
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.
- Cliquer sur contact, les formulaires que vous avez créez seront afficher ici.
- Copier le code court du formulaire que vous souhaitez utiliser.
- Aller a l’endroit ou vous voulez l’ajouter et cliquer sur le + et recherchez le Bloc « Code court » puis insérer le.
- Coller votre code court a l’intérieur du bloc.
- Enregistrer les modification et visualiser votre page pour s’assurer que tout va bien.
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.
0 commentaires