Installer un reCAPTCHA dans un formulaire Contact Form 7

Depuis votre site wordpress, vous avez un formulaire contact et vous voulez protéger votre boite mail contre les spam. La solution consiste à installer une recapcha sur votre formulaire. Ce système va bloquer les robots pour ne pas ‘inonder votre boite de messagerie par des courriers indésirables (spam).

Procédure d’installation de recaptcha


Dans ce tuto, vous allez apprendre les étapes pour installer un recaptcha. Nous supposons que vous avez déjà installé le plugin Contact Form 7 et un formulaire de contact est déjà créé.

  1. Installer le plugin Contact Form 7 – reCaptcha v2
  2. Dans le volet vertical à gauche de WordPress, pointez sur le menu Contact et choisissez Intégration.

3. Pour installer la clé du site et la clé secrète, cliquez avec le bouton droit de la souris sur google.com/recaptcha (voir lien ci-dessus). Un nouvel onglet s’ouvre. Nous allons revenir à l’onglet actuel pour coller les codes.

4) Cliquez sur le bouton Admin console.

4. Puis cliquez sur l’icone Créer (voir lien ci-dessus).
5. Dans la zone Libellé, tapez le nom de votre site ou tout simplement, tapez le nom de domaine de votre site (par exemple : saadrachid.net).
6. Cochez la case reCAPTCHA version 2.
7. Dans la zone Domaines, tapez le nom de votre domaine (par exemple saadrachid.net).
8. Cochez la case Accepter les conditions d’utilisation de reCAPTCHA.
9. Cliquez sur le bouton Envoyer. Une nouvelle fenêtre s’ouvre vous affichant les clés.

10. Cliquez sur COPIER LA CLÉ DU SITE.
11. Revenez à WordPress et à la page reCAPTCHA pour coller les codes.

12. Collez le premier code dans la zone Clé du site.
13. Revenez à la page Google reCaptcha puis cliquez sur COPIER LA
CLÉ SECRÈTE
.
14. Revenez à l’onglet de WordPress, collez le code dans la zone Clé secrète.

15. Cliquez sur le bouton Enregistrer les changements.
16. Cliquez sur le menu Contact dans le volet à gauche puis sur Formulaire de contact.
17. Pointez sur votre formulaire, créé auparavant avec le plugin Contact Form 7, puis cliquez sur Modifier.
18. dans l’onglet Formulaire, placez le point d’insertion avant le code [submit « Envoyer »] puis cliquez sur reCaptcha en haut.

19. Cliquez avec le bouton droit sur la zone bleu ci-dessus et choisissez Copier.
20. Cliquez sur le bouton Enregistrer.
21. Si vous avez une page contenant votre formulaire vous l’affichez pour voir le Captcha. Sinon, vous créez une nouvelle page et vous collez le code de votre formulaire copié dans l’étape 19.