Installer Contact Form 7
- Connectez-vous à votre tableau de bord WordPress et sélectionnez Plugins> Ajouter dans le menu de gauche.
- Rechercher Contact Form 7 sélectionner et Installer .
- Une fois installé, sélectionner Activer pour activer le plugin sur votre site.
Étape 2 – Création d’un formulaire
Une fois que le plugin est actif, une nouvelle section Contact s’affiche sur le menu côté gauche du tableau de bord.
- Sélectionner Contact -> Créer un formulaire pour créer votre premier formulaire.
- Ajoutez un titre à votre formulaire, par exemple Formulaire de contact.
Étape 3 – Configuration du mail
Configurer les mails via l’onglet E-mail. Certains tags sont listées en haut. N’hésitez pas à expérimenter en les ajoutant aux champs. Vous pourrez toujours y revenir et faire des modifications plus tard.
IMPORTANT: assurez-vous de saisir une adresse électronique valide dans le champ « Pour» – c’est là que tous les messages seront livrés.
Il est important que les étiquettes correspondent entre le formulaire et la configuration de l’E-mail :
ex : [text-66] [text-67] [email-549]
Personnaliser l’expérience utilisateur
Dans l’onglet Messages, vous pouvez personnaliser les messages que vos visiteurs voient lors de l’envoi du formulaire de contact. Vous pouvez configurer un message lorsque le formulaire a été envoyé avec succès et un message différent au cas où des erreurs seraient apparues (par exemple, le visiteur fournit une adresse e-mail non valide ou n’a pas rempli un champ obligatoire).
Publier votre formulaire
- Une fois enregistrer sélectionnez le shortcode et copiez-le
- Collez le shortcode dans la page, la publication ou le widget où vous souhaitez que votre formulaire soit affiché.
Ou, Vous pouvez aussi passer par Elementor, sur votre page, et sélectionner le formulaire de contact via son menu.
reCaptcha
Pour se protéger contre les spams et autres abus automatisés. Le module d’intégration reCAPTCHA de Contact Form 7 peut nous aider.
- Mettre à jour Contact Form 7 dernière version
- créer les clés d’API reCaptcha depuis le site google.com/recaptcha
Choisir la version reCaptcha V3, la version 2 n’est plus disponible sur Contact Form 7.
Validez, ce qui vous donne les clés d’API
Dans l’administration WordPress, allez dans « Contact », puis « Intégration ». Cliquez sur « Configuration de l’intégration » dans le cadre reCaptcha, puis saisissez vos clé et validez.
C’est tout ! le logo doit apparaitre sur votre site en bas à droite.
Si vous désirez le supprimer, intégrez le code css :
.grecaptcha-badge {
opacity:0 !important;
}