Résumé IA
Des bots remplissent vos formulaires WordPress avec des spams ? hCaptcha peut en bloquer la plupart avant qu'ils n'atteignent votre boîte de réception.
hCaptcha est une alternative populaire à Google reCAPTCHA, et il dispose d'un plan gratuit. WPForms le prend en charge nativement, même dans la version gratuite. Mais la configuration s'étend sur 2 tableaux de bord, et une mauvaise clé peut bloquer chaque entrée.
Dans ce guide, je vais vous montrer comment configurer hCaptcha sur les formulaires WordPress.
Qu'est-ce que hCaptcha ?
hCaptcha est un service CAPTCHA qui aide à empêcher les bots et les spammeurs de soumettre vos formulaires. La plupart des visiteurs cochent une case « Je suis humain », puis résolvent un court défi d'image.
hCaptcha affirme être conçu dans le respect de la vie privée et ne pas vendre de données personnelles. Sa politique de confidentialité couvre les réglementations telles que le RGPD et le CCPA.
C'est donc une bonne option si la confidentialité de votre site est importante pour vous.
hCaptcha a un plan gratuit, et c'est tout ce dont vous avez besoin pour ce tutoriel. Le plan Pro payant ajoute un mode « 99,9 % passif » et des thèmes personnalisés.
hCaptcha vs reCAPTCHA vs Cloudflare Turnstile
WPForms prend en charge 3 services CAPTCHA. Vous ne pouvez en utiliser qu'un seul à la fois sur l'ensemble de votre site. Voici comment ils se comparent :
| hCaptcha | Google reCAPTCHA | Cloudflare Turnstile | |
|---|---|---|---|
| Plan gratuit | Oui | Oui, jusqu'à 10 000 vérifications par mois | Oui, jusqu'à 20 widgets |
| Ce que les visiteurs voient dans WPForms | Voici chaque étape en détail : | Case à cocher (v2), ou rien (Invisible v2 et v3) | Un petit widget, généralement sans puzzle |
| Option invisible dans WPForms | Non | Oui | Le mode widget est défini dans Cloudflare |
| Idéal pour | Sites axés sur la confidentialité qui se contentent d'une case à cocher | Sites utilisant déjà des services Google | Sites qui veulent le moins de friction possible |
Les limites proviennent des niveaux reCAPTCHA de Google et des plans Turnstile de Cloudflare.
Pour un aperçu plus approfondi, consultez notre comparaison hCaptcha vs reCAPTCHA. Nous avons également un guide sur Cloudflare Turnstile sur les formulaires WordPress.
Comment configurer hCaptcha sur les formulaires WordPress
Pour configurer hCaptcha dans WordPress, installez WPForms. Choisissez ensuite hCaptcha sous WPForms » Paramètres » CAPTCHA.
Collez la clé de site et la clé secrète de votre tableau de bord hCaptcha et enregistrez. Ajoutez ensuite le champ hCaptcha à votre formulaire dans le constructeur de formulaires.
Voici chaque étape en détail :
- Étape 1 : Installer et activer WPForms
- Étape 2 : Configurer la clé de site hCaptcha
- Étape 3 : Ajouter la clé de site à WPForms
- Étape 4 : Créer un nouveau formulaire
- Étape 5 : Ajouter le champ hCaptcha sur le formulaire WordPress
- Étape 6 : Tester votre nouveau champ hCaptcha
- Dépannage : hCaptcha ne fonctionne pas sur les formulaires WordPress
- FAQ sur hCaptcha
- Ensuite, ajoutez un accord GDPR aux formulaires en ligne
Étape 1 : Installer et activer WPForms
Tout d'abord, installez et activez le plugin WPForms. hCaptcha fonctionne avec WPForms Lite et WPForms Pro. Vous n'avez pas besoin d'une licence payante pour cela.
Nouveau sur WordPress ? Voici un guide étape par étape sur comment installer un plugin WordPress.
Ensuite, ouvrez les paramètres CAPTCHA. Allez dans WPForms » Paramètres dans votre tableau de bord et cliquez sur l'onglet CAPTCHA.
Vous verrez 4 options : hCaptcha, reCAPTCHA, Turnstile et Aucun. Sélectionnez hCaptcha.
Dès que vous le faites, les champs pour votre Clé de site et votre Clé secrète apparaissent. Vous obtiendrez les deux d'hCaptcha à l'étape suivante.
Vous pourriez également voir une case appelée Préférer aucun CAPTCHA ? sur cette page. C'est ActiveLayer, un filtre anti-spam invisible de l'équipe WPForms.
C'est facultatif, et vous pouvez l'ignorer pour ce tutoriel.
Étape 2 : Configurer la clé de site hCaptcha
Ouvrez maintenant le site web hCaptcha dans un nouvel onglet. Gardez vos paramètres WPForms ouverts dans le premier onglet.
Inscrivez-vous pour un compte gratuit, ou connectez-vous si vous en avez un.
hCaptcha vous donne 2 clés. La Clé de site est publique et charge le CAPTCHA sur votre formulaire. La Clé secrète est privée et permet à votre site de vérifier chaque réponse auprès d'hCaptcha.
Dans votre tableau de bord hCaptcha, ouvrez l'onglet Sites. Votre compte peut déjà lister une clé de site. Pour garder ce site séparé, ajoutez-en une nouvelle.
Donnez un nom à la clé de site. C'est uniquement pour votre référence, donc quelque chose comme « Mon formulaire de contact » convient.
Ajoutez ensuite le domaine de votre site à la liste des domaines de la clé de site, comme example.com. Ajoutez chaque domaine qui affichera le formulaire, y compris tout site de staging.
Enregistrez la clé de site lorsque vous avez terminé.
Étape 3 : Ajouter la clé de site à WPForms
Connectez maintenant hCaptcha à WPForms. De retour dans l'onglet Sites, copiez la clé de site pour votre nouveau site.
Basculez vers votre onglet WPForms et collez-le dans le champ Clé de site.
Ensuite, récupérez votre clé secrète. Dans hCaptcha, cliquez sur votre icône de profil en haut à droite et choisissez Paramètres.
Copiez la clé secrète qui s'y affiche.
Si vous en avez besoin d'une nouvelle, cliquez sur Générer une nouvelle clé secrète. Copiez la clé secrète immédiatement et stockez-la en lieu sûr.
Collez-la dans le champ Clé secrète dans WPForms.
Vous pouvez également modifier le Message d'échec. Les visiteurs le voient s'ils ne réussissent pas la vérification.
Le message par défaut est « La vérification hCaptcha a échoué, veuillez réessayer plus tard. »
Cliquez sur Enregistrer les paramètres. WPForms affiche alors un Aperçu de votre CAPTCHA, construit à partir de votre clé de site.
Si l'aperçu se charge, votre clé de site fonctionne.
Étape 4 : Créer un nouveau formulaire
Il est maintenant temps d'ajouter hCaptcha à un formulaire. Ouvrez un formulaire existant, ou créez un nouveau formulaire sous WPForms » Ajouter un nouveau formulaire.
Donnez un nom à votre formulaire. Choisissez ensuite un modèle dans la bibliothèque de modèles de formulaires, ou commencez avec un formulaire vierge.
Les modèles vous évitent de construire chaque champ à la main.
Pour cet exemple, j'utiliserai le modèle Formulaire de contact simple.
Le constructeur de formulaires s'ouvre. Vos champs sont à droite et la liste des champs est à gauche.
Étape 5 : Ajouter le champ hCaptcha sur le formulaire WordPress
Dans la liste des champs à gauche, trouvez la section Champs standard. Cliquez sur le champ hCaptcha.
Vous ne faites pas glisser celui-ci. Un simple clic l'active.
Une fenêtre contextuelle indique « hCaptcha a été activé pour ce formulaire. N'oubliez pas de sauvegarder votre formulaire ! » Cliquez sur OK.
Un badge hCaptcha s'affiche maintenant dans l'aperçu du formulaire.
Ce n'est qu'un rappel à l'intérieur du constructeur. Les visiteurs voient la vraie case à cocher hCaptcha à la place.
Vous pouvez également activer hCaptcha depuis les paramètres du formulaire.
Allez dans Paramètres » Protection anti-spam et sécurité. Sous CAPTCHA, activez le commutateur Activer hCaptcha.
Cliquez sur Enregistrer en haut du constructeur. Ensuite, ajoutez votre formulaire à une page dans WordPress.
Étape 6 : Tester votre nouveau champ hCaptcha
Vérifiez maintenant que hCaptcha fonctionne. Ouvrez la page contenant votre formulaire sur le front-end de votre site.
Remplissez les champs et cochez la case hCaptcha. Vous pourriez avoir un défi d'image à résoudre.
Ensuite, soumettez le formulaire et assurez-vous de voir votre message de confirmation.
Remarque : Testez votre formulaire dans une fenêtre privée ou incognito. Ainsi, vous verrez ce qu'un visiteur déconnecté voit, pas une vue d'administrateur mise en cache.
Et voilà ! hCaptcha protège maintenant votre formulaire WordPress.
Créez votre formulaire WordPress maintenant
Dépannage : hCaptcha ne fonctionne pas sur les formulaires WordPress
Si hCaptcha ne fonctionne pas, la cause est généralement vos clés, vos domaines ou un autre plugin. Voici comment résoudre les problèmes les plus courants.
Les règles token, localhost et test-key ci-dessous proviennent de la documentation pour développeurs de hCaptcha.
La boîte hCaptcha ne s'affiche pas sur le formulaire
Assurez-vous d'abord que hCaptcha est activé pour ce formulaire. Ouvrez le formulaire dans le constructeur et vérifiez Paramètres » Protection anti-spam et sécurité » CAPTCHA.
S'il est activé, videz le cache de votre site et de votre navigateur. Les plugins de mise en cache et d'optimisation de scripts peuvent retarder ou bloquer le script hCaptcha.
Toujours absent ? Un autre plugin peut charger son propre CAPTCHA.
Dans WPForms » Paramètres » CAPTCHA, activez le Mode sans conflit. Il supprime les autres scripts CAPTCHA de vos pages.
« La vérification hCaptcha a échoué, veuillez réessayer plus tard »
C'est le message d'échec par défaut de WPForms. Le visiteur n'a pas terminé la vérification ou a pris trop de temps.
Les jetons hCaptcha expirent après environ 2 minutes.
Demandez-leur de cocher à nouveau la case et de soumettre immédiatement. Si tout le monde voit ce message, vérifiez ensuite votre clé secrète.
WPForms indique que hCaptcha rejette votre clé secrète
Dans WPForms 2.0.2 et versions ultérieures, vous verrez cet avis dans votre tableau de bord WordPress : « hCaptcha rejette votre clé secrète, les soumissions de formulaires sont donc bloquées. »
Votre clé secrète est incorrecte, ou elle ne correspond pas au compte de votre clé de site.
Copiez une nouvelle clé secrète depuis vos paramètres hCaptcha. Collez-la et cliquez sur Enregistrer les paramètres.
hCaptcha fonctionne sur votre site en ligne mais pas sur staging
Vérifiez d'abord que votre domaine de staging figure dans la liste des domaines de votre clé de site. Ajoutez-le s'il est manquant.
hCaptcha n'accepte pas du tout localhost ou 127.0.0.1. Pour un site local, utilisez les clés de test de hCaptcha de l'étape 3.
Le formulaire est soumis, mais l'e-mail n'arrive jamais
C'est un problème d'e-mail, pas un problème hCaptcha. Par défaut, WordPress envoie les e-mails des formulaires via votre hébergeur, et beaucoup sont perdus.
Notre guide sur WPForms n'envoie pas d'e-mail explique la solution avec WP Mail SMTP.
FAQ sur hCaptcha
Voici les réponses aux questions courantes sur l'utilisation de hCaptcha avec WordPress.
hCaptcha est-il gratuit ?
Oui. hCaptcha dispose d'un plan gratuit qui fonctionne avec WPForms.
Pro commence à 99 $ par mois avec facturation annuelle, par page Pro de hCaptcha. Il ajoute un mode passif à 99,9 % et des thèmes personnalisés.
WPForms Lite prend-il en charge hCaptcha ?
Oui. hCaptcha, reCAPTCHA et Cloudflare Turnstile sont tous inclus dans le plugin gratuit WPForms Lite. Vous n'avez pas besoin d'une licence WPForms payante pour les utiliser.
Puis-je utiliser hCaptcha et reCAPTCHA en même temps ?
Non. WPForms utilise un seul service CAPTCHA pour l'ensemble de votre site.
Vous le choisissez dans WPForms » Paramètres » CAPTCHA. Vous pouvez toujours activer ou désactiver le CAPTCHA pour chaque formulaire.
Puis-je rendre hCaptcha invisible dans WPForms ?
Pas depuis WPForms. Il affiche toujours la case à cocher de hCaptcha.
Vous ne voulez pas de CAPTCHA visible ? Choisissez reCAPTCHA Invisible v2 ou v3, ou essayez Cloudflare Turnstile.
hCaptcha est-il meilleur que reCAPTCHA ?
Cela dépend de vos besoins. hCaptcha se concentre sur la confidentialité. reCAPTCHA offre des options invisibles dans WPForms.
Le tableau comparatif près du haut de cet article montre les principales différences.
Ensuite, ajoutez un accord GDPR aux formulaires en ligne
Maintenant que vos formulaires sont protégés contre les bots, vous pourriez également avoir besoin d'un accord RGPD. Notre tutoriel vous montre comment ajouter un accord RGPD à vos formulaires WordPress.
Vous voulez plus de moyens pour arrêter les bots ? Consultez notre sélection des meilleurs plugins anti-spam WordPress.
Réparez vos e-mails WordPress maintenant
Prêt à réparer vos e-mails ? Commencez dès aujourd'hui avec le meilleur plugin SMTP WordPress. Si vous n'avez pas le temps de réparer vos e-mails, vous pouvez obtenir une assistance complète de configuration "White Glove" moyennant un supplément, et il y a une garantie de remboursement de 14 jours pour tous les plans payants.
Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de conseils et tutoriels WordPress.
