Comment ajouter un CAPTCHA Cloudflare Turnstile dans WordPress (2 manières)
Voulez-vous ajouter Cloudflare Turnstile CAPTCHA dans WordPress ?
CAPTCHA et reCAPTCHA peuvent arrêter les robots spammeurs, mais ils sont également impopulaires auprès des visiteurs. En utilisant une technologie non intrusive comme Turnstile, vous pouvez protéger votre site Web contre les robots spammeurs et les scripts automatisés sans déranger vos visiteurs.
Dans ce guide, nous allons vous montrer comment ajouter Cloudflare Turnstile à un site Web WordPress.
Pourquoi ajouter le CAPTCHA Cloudflare Turnstile dans WordPress ?
Le spam est un gros problème pour tous les sites Web. Les spambots peuvent utiliser des formulaires non sécurisés pour vous envoyer des liens spammés, ce qui rendra plus difficile la génération de leads.
Ils peuvent également tenter de pénétrer dans le formulaire de connexion de votre site en utilisant des attaques par force brute ou en inondant votre site de commentaires indésirables qui nuiraient à l’expérience du visiteur.
Si vous gérez une boutique en ligne, des scripts automatisés peuvent même passer des commandes frauduleuses.
De nombreux propriétaires de sites Web utilisent CAPTCHA et reCAPTCHA pour bloquer les scripts et les robots. Cependant, de nombreuses personnes se plaignent du fait que ces technologies offrent une mauvaise expérience utilisateur, et certains craignent même que les CAPTCHA volent leurs données.
C’est en gardant ces préoccupations à l’esprit que Cloudflare a introduit Turnstile CAPTCHA. Cette technologie alternative utilise une sélection de défis non intrusifs qui s'exécutent souvent de manière invisible dans le navigateur. Cela vous permet de protéger votre site Web sans demander aux visiteurs de résoudre des énigmes complexes.
Pour contribuer à préserver la confidentialité des informations sur les visiteurs, Cloudflare utilise les jetons d'accès privés d'Apple pour tester si le visiteur est une personne réelle sans collecter de données supplémentaires.
Si vous utilisez des créateurs de formulaires ou WooCommerce, Turnstile s'intègre également à ces plugins tiers. Cela vous permet d’ajouter des CAPTCHA invisibles dans de nombreuses zones différentes de votre site Web WordPress.
Cela dit, voyons comment vous pouvez ajouter Cloudflare Turnstile CAPTCHA dans WordPress. Utilisez simplement les liens rapides ci-dessous pour accéder directement à la méthode que vous préférez.
Méthode 1. Ajoutez Cloudflare CAPTCHA à vos formulaires WordPress
Le moyen le plus simple d'ajouter le CAPTCHA de Cloudflare à vos formulaires consiste à utiliser le plugin gratuit WPForms.
WPForms est le meilleur plugin de création de formulaires WordPress par glisser-déposer utilisé par plus de 5 millions de sites Web. Vous pouvez l'utiliser pour créer toutes sortes de formulaires, notamment des formulaires de contact, des formulaires de réservation et bien plus encore.
Le plugin gratuit WPForms dispose d'un champ Cloudflare Turnstile prêt à l'emploi que vous pouvez faire glisser et déposer sur n'importe quel formulaire.
Comment ajouter un CAPTCHA de tourniquet à WPForms
Tout d’abord, vous devrez installer et activer le plugin WPForms. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.
Lors de l'activation, accédez à WPForms » Paramètres, puis cliquez sur l'onglet CAPTCHA .
Sur cette page, sélectionnez « Tourniquet ».
Vous verrez maintenant de nouveaux paramètres dans lesquels vous pouvez saisir la clé du site et le secret du site.
Pour obtenir ces informations, ouvrez un nouvel onglet de navigateur et rendez-vous sur la page de connexion Cloudflare. Vous devrez créer un compte Cloudflare en utilisant votre adresse e-mail, si ce n'est pas déjà fait.
Une fois connecté au tableau de bord Cloudflare, recherchez « Turnstile » dans le menu de gauche et cliquez dessus.
Cela vous mènera à un écran contenant des informations de base sur Cloudflare Turnstile.
Si vous souhaitez continuer, cliquez sur le bouton « Ajouter un site ».
Sur cet écran, commencez par saisir un « Nom du site ».
Ceci est juste pour votre référence afin que vous puissiez utiliser tout ce que vous voulez.
Ensuite, saisissez le nom de domaine de votre site Web dans le champ « Domaine ».
L'étape suivante consiste à choisir le widget CAPTCHA que vous souhaitez créer. Le premier choix est « Géré », qui est la méthode recommandée par Cloudflare. C'est ici que Cloudflare analyse la requête du navigateur et décide ensuite du type de défi à exécuter.
Pendant ce temps, le visiteur verra une animation de chargement.
Dans la mesure du possible, Cloudflare essaiera de lancer un défi non interactif en arrière-plan, afin que le visiteur n'ait rien à faire. Dans ce cas, l’utilisateur verra simplement un message « Succès » lorsque son navigateur réussit le test.
Parfois, Cloudflare peut décider qu’il est plus sûr de présenter un défi interactif. Cependant, le visiteur devra simplement cocher une case plutôt que de compléter un puzzle, c'est donc toujours plus facile que les CAPTCHA traditionnels basés sur des puzzles.
Sauf si vous avez une raison spécifique de ne pas le faire, il est judicieux d’utiliser des CAPTCHA gérés car cela vous offre un bon niveau de sécurité avec un impact minimal sur l’expérience du visiteur.
Vous ne souhaitez pas utiliser de défis interactifs sur votre site WordPress ? Ensuite, vous pouvez choisir « Non interactif » ou « Invisible » à la place.
Les défis non interactifs s'exécutent dans le navigateur afin que le visiteur n'ait aucune action à entreprendre. Tout comme le CAPTCHA géré, les visiteurs verront l'animation de chargement et un message « Succès » une fois le défi terminé.
Si vous choisissez « Invisible » à la place, le visiteur ne verra pas l’animation ou le message de réussite. Ce paramètre vous permet de masquer complètement le CAPTCHA à vos visiteurs, ce qui peut éviter toute confusion et n’ajoutera aucun encombrement à votre thème WordPress.
Après avoir pris votre décision, cliquez sur le bouton « Créer ». Dès que vous aurez fait cela, Cloudflare affichera la clé de votre site et votre clé secrète.
Comment configurer le CAPTCHA Cloudflare Turnstile pour WordPress
Maintenant, revenez à votre blog ou site Web WordPress et ajoutez la « Clé du site » et le « Secret du site ».
Par défaut, WPForms affichera le message suivant chaque fois qu'un visiteur échoue au CAPTCHA : « La vérification de Cloudflare Turnstile a échoué, veuillez réessayer plus tard. »
Vous pouvez le remplacer par votre propre message personnalisé en tapant dans le champ « Message d'échec ».
Après cela, vous souhaiterez peut-être personnaliser l'apparence du CAPTCHA sur votre site Web en ouvrant la liste déroulante « Type » et en choisissant entre clair, foncé ou automatique.
L'image suivante montre un exemple de l'apparence du thème « Sombre » sur un formulaire d'inscription d'utilisateur personnalisé.
Après avoir pris cette décision, faites défiler vers le bas de l'écran et cliquez sur « Enregistrer les paramètres ».
Cela fait, vous êtes prêt à ajouter la protection Turnstile CAPTCHA à n’importe quel formulaire.
Comment ajouter un CAPTCHA Cloudflare Turnstile à un formulaire WordPress
L'ajout de Cloudflare Turnstile à WordPress à l'aide de WPForms est simple et facile.
Pour créer un nouveau formulaire à l'aide de WPForms, accédez simplement à WPForms » Ajouter un nouveau.
Pour commencer, donnez un nom au formulaire en tapant dans le champ « Nommez votre formulaire ». Ceci est juste pour votre référence afin que vous puissiez utiliser tout ce que vous voulez.
WPForms est livré avec des modèles prêts à l'emploi afin que vous puissiez rapidement démarrer et créer toutes sortes de formulaires. Lorsque vous trouvez un design que vous souhaitez utiliser, cliquez sur le bouton orange « Utiliser le modèle ».
Remarque : Le plugin gratuit WPForms propose des temples permettant de créer un formulaire d'inscription à la newsletter par e-mail, un formulaire de contact, etc. Si vous en voulez plus, vous pouvez débloquer plus de 600 modèles en passant à la version premium de WPForms.
Après avoir choisi un modèle, vous verrez l'éditeur WPForms.
Pour personnaliser un champ, il suffit de cliquer dessus pour le sélectionner dans l'éditeur de formulaire. La barre latérale sera ensuite mise à jour pour afficher tous les paramètres du champ sélectionné.
Vous modifiez également l'ordre d'apparition de ces champs en utilisant le glisser-déposer.
Pour ajouter Cloudflare Turnstile au formulaire, cliquez simplement sur l'onglet « Ajouter des champs » dans le menu de gauche.
Ici, recherchez le champ « Tourniquet » intégré et cliquez pour l’ajouter à votre formulaire.
WPForms affichera désormais une icône « Tourniquet activé » dans le coin supérieur droit.
Cela vous permet de savoir que le formulaire est protégé avec Cloudflare Turnstile.
Une autre option consiste à activer Cloudflare dans les paramètres du formulaire. Sélectionnez simplement Paramètres dans le menu de gauche, puis cliquez sur « Protection et sécurité contre le spam ».
Vous cliquez maintenant sur le commutateur « Activer Cloudflare Turnstile » pour le faire passer de désactivé (gris) à activé (bleu).
Lorsque vous êtes satisfait de la configuration du formulaire, cliquez sur le bouton « Enregistrer ».
Vous pouvez maintenant accéder à la page ou à la publication sur laquelle vous souhaitez afficher le formulaire et cliquer sur l'icône « + ». Dans la fenêtre contextuelle qui apparaît, commencez à taper « WPForms ».
Lorsque le bloc de droite apparaît, cliquez dessus pour l'ajouter à la page ou à la publication.
Dans votre nouveau bloc WPForms, cliquez sur la liste déroulante et sélectionnez le formulaire que vous venez de créer.
Vous pouvez maintenant mettre à jour ou publier votre page. Désormais, si vous visitez cette page ou cette publication, vous verrez le formulaire en direct.
Méthode 2. Comment Ajouter un CAPTCHA de tourniquet aux commentaires, à WooCommerce et plus
Si vous souhaitez protéger vos formulaires avec Cloudflare Turnstile, alors WPForms vous permet d'ajouter une protection CAPTCHA en quelques clics.
Cependant, vous souhaiterez peut-être ajouter Turnstile à d’autres zones de votre site Web. Par exemple, vous pouvez l’utiliser pour lutter contre le spam dans les commentaires dans WordPress.
Vous souhaiterez peut-être également utiliser Turnstile sur votre boutique WooCommerce.
Par exemple, vous pouvez protéger toutes vos pages de commerce électronique, y compris les pages de connexion, d'inscription et de paiement WooCommerce. Cela peut aider à prévenir la fraude et les fausses commandes dans WooCommerce.
Le moyen le plus simple d’ajouter le CAPTCHA de Cloudflare à d’autres zones de WordPress consiste à utiliser Simple Cloudflare Turnstile. Ce plugin gratuit s'intègre à de nombreux plugins et créateurs de formulaires WordPress populaires, notamment Formidable Forms, WPForms et autres.
Tout d’abord, vous devrez installer et activer le plugin. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'installer un plugin WordPress.
Lors de l'activation, accédez à Paramètres » Cloudflare Turnstile.
Le plugin demandera maintenant une clé de site et un secret de site. Pour obtenir ces informations, suivez simplement le même processus décrit ci-dessus lors de la création d'un compte Turnstile.
Cela fait, ajoutez la « Clé du site » et le « Secret du site » à votre tableau de bord WordPress.
Après cela, vous souhaiterez peut-être personnaliser l'apparence du CAPTCHA sur votre site Web et son comportement. Pour commencer, vous pouvez ouvrir la liste déroulante « Thème » et choisir entre clair, sombre ou automatique.
Par défaut, Cloudflare Turnstile affiche un message « Veuillez vérifier que vous êtes humain » aux visiteurs. Pour ajouter votre propre texte, tapez simplement dans le champ « Message d'erreur personnalisé ».
Après cela, vous pouvez sélectionner les zones dans lesquelles vous souhaitez utiliser le CAPTCHA Cloudflare Turnstile.
Vous pouvez utiliser Turnstile avec tous les formulaires WordPress intégrés, y compris la page de connexion, le formulaire d'inscription de l'utilisateur et la page de réinitialisation du mot de passe.
En fonction des plugins que vous avez installés, vous pouvez voir des options supplémentaires.
Par exemple, si vous avez créé une place de marché ou une boutique en ligne à l’aide de WooCommerce, vous verrez une section WooCommerce Forms.
Si vous cliquez pour développer cette section, vous verrez toutes les pages WooCommerce où vous pouvez ajouter un CAPTCHA Cloudflare.
Cochez simplement la case à côté de chaque page que vous souhaitez protéger.
Lorsque vous êtes satisfait des informations que vous avez saisies, faites défiler vers le bas de l'écran et cliquez sur « Enregistrer les modifications ».
Désormais, si vous visitez votre site Web, vous verrez le CAPTCHA Turnstile en action.
Nous espérons que cet article vous a aidé à apprendre comment ajouter Cloudflare Turnstile CAPTCHA dans WordPress. Vous pouvez également consulter notre guide de sécurité WordPress ultime et les meilleurs plugins d’adhésion WordPress.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.