Comment installer Cloudflare Turnstile Captcha sur WordPress

Il est important de protéger votre site web contre les robots et le spam. De nombreux webmasters utilisent CAPTCHA pour déterminer si le visiteur est un véritable utilisateur.

Tout aussi important.N'utilisez pas d'images compliquées ou de lettres déformées.Et ainsi de suite pour rebuter les clients. Après tout, l'expérience de l'utilisateur est la clé.

CAPTCHA de Cloudflare Turnstile Ce problème est résolu par de simples cases à cocher ou par l'absence de cases à cocher (CAPTCHA invisible), ce qui permet d'améliorer l'expérience de l'utilisateur.

Ensuite, nous allons apprendre comment le Site web WordPressL'article décrit les deux méthodes, fournit des étapes pour tester et résoudre le problème, ainsi que quelques recommandations.

Image [1] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Présentation du CAPTCHA de Cloudflare

CAPTCHA "Test de Turing entièrement automatisé pour distinguer les ordinateurs des humains"Il s'agit d'une mesure de sécurité qui empêche efficacement les robots d'accéder à un site web. Il s'agit d'une mesure de sécurité qui empêche efficacement les robots et autres éléments similaires d'accéder à un site web.

Le CAPTCHA demande à l'utilisateur d'effectuer des actions qui sont simples pour les humains mais difficiles pour les robots, comme lire un texte déformé, sélectionner une image contenant un objet spécifique ou cocher une case.

Le CAPTCHA de Cloudflare fait partie de la suite de sécurité plus large de Cloudflare qui se concentre sur le blocage du trafic malveillant et la prévention des attaques de robots.

Qu'est-ce que le Turnstile de Cloudflare ?

Image [2] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Le CAPTCHA Turnstile de Cloudflare est un peu différent du CAPTCHA traditionnel, car il s'agit d'une solution moderne et légère.

faire passer (un projet de loi, une inspection, etc.)En supprimant le défi de l'image, Turnstile passe les tests de rotation des navigateurs et le JavaScript non interactif. pour assurer une protection fluide des formulaires. Cela signifie que les utilisateurs n'ont pas à compléter le puzzle, ce qui optimise le processus de soumission des formulaires.

En outre, vous n'avez pas besoin d'être un client existant de Cloudflare pour utiliser ce service ; les webmasters WordPress peuvent s'inscrire gratuitement et intégrer facilement le CAPTCHA Turnstile de Cloudflare dans leurs formulaires web.

Caractéristiques principales

Les principales caractéristiques du CAPTCHA de Cloudflare sont les suivantes :

  • Aucune interaction avec l'utilisateur n'est nécessaire
  • Ne pas déranger l'utilisateur
  • Défis du JavaScript non interactif
  • protection adaptative
  • Léger et rapide
  • Intégration gratuite

Type de widget tourniquet

Les types de gadgets pour tourniquets sont les suivants :

  • Défis non interactifs
  • Si l'on soupçonne le visiteur d'être un robot, il faut l'interpeller par une interaction non intrusive (par exemple, en cochant une case).
Image [3] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple
  • Fournir des défis invisibles aux navigateurs

Comment utiliser le CAPTCHA de Cloudflare ?

Dans cet article, je vais ajouter le CAPTCHA Turnstile de Cloudflare au formulaire de contact du site web.

Jusqu'à présent, il semble que ce soit le cas :

Image [4] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

contraindreDémarrer avec Cloudflarevisitez leur site web et suivez les étapes ci-dessous :

  • Recherchez et cliquez sur le coin supérieur droit de l'icône "inscription "ou "Départ libre".
Image [5] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple
  • Ajoutez une adresse électronique et un mot de passe pour vous inscrire.
Image [6] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Après avoir créé un compte, vous accédez au tableau de bord de Cloudflare.

  • Dans le panneau de gauche, recherchez " Tourniquet ".
  • Cliquez ensuite sur Tourniquet Widgetspour ajouter des widgets.
  • Suivant.christenLe widget est facile à identifier par la suite. Ici, il est nommé "Sécurité".
  • Cliquez ensuite sur "Ajouter le nom d'hôte "pour ajouter le site.
Image [7] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple
  • Faites ensuite défiler la page jusqu'à ce que vous trouviez et sélectionniezMode Widget. 
  • frappe (sur le clavier)"Sauvegarder les modifications.
Image [8] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple
  • Une fois le widget créé, une clé API est obtenue, qui est nécessaire à l'étape suivante.
Image [9] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Comment ajouter le Turnstile de Cloudflare à WordPress

Il y a deux façons d'ajouter le CAPTCHA de Cloudflare à un site WordPress.

Méthode 1 : Ajouter le CAPTCHA Turnstile de Cloudflare avec WPForms

La façon la plus courante d'ajouter le Turnstile de Cloudflare est d'utiliser WPForms.

Étape 1 : Configurer Turnstile sur WPForms

  • Premièrement, rendez-vous à l'adresse suivantePlugins>Ajouter un nouveau plugin.
  • Tapez dans le champ de recherche"WPForms".
  • Ensuite.montageen outreactiverPlugin WP Forms.
Image [10] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple
  • Ensuite, rendez-vous à l'adresse suivanteWPForms > Paramètres > CAPTCHA.
  • frappe (sur le clavier)Tourniquet).
Image [11] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Rappelez-vous que Cloudflare a fourni Clé du site répondre en chantant Clé secrèteVous pouvez maintenant les remplir ici.

  • Faites défiler vers le bas et trouvez quelque chose que vous pouvez coller Clé du site répondre en chantant Clé secrète de la région.
  • Si vous le souhaitez, vous pouvez également modifier le message qui s'affiche en cas d'échec de l'authentification.
  • Après avoir saisi la clé, cliquez sur"Sauvegarder les paramètres".
Image [12] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Étape 2 : Activer le Turnstile sur les formulaires WordPress

Maintenant que la clé a été ajoutée, l'étape suivante consiste à activer le formulaire que Turnstile veut protéger.

Suivez les étapes ci-dessous :

  • Aller à WordPresstableaux de bord.
  • Dans le panneau de gauche, cliquez surWPForms > Tous les formulaires.
  • Trouvez le formulaire pour lequel vous souhaitez activer le CAPTCHA de Cloudflare.
  • Directement sous le formulaire, cliquez sur"Editer"..
Image [13] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

au cas où compilateur Les options ne sont pas affichées, vous pouvez survoler le formulaire et toutes les options apparaîtront.

  • Dans le tableau de bord de l'édition, vous trouverez dans la partie gauche de l'écran d'accueil de la rubrique TourniquetCliquez ensuite dessus.
Image [14] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Ce faisant, vous verrez un message indiquant que le tourniquet est activé :

Image [15] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple
  • frappe (sur le clavier)"OK".puis cliquez sur "Sauvegarder" .
Image [16] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

C'est tout, vous avez terminé l'installation.

Maintenant, allez vérifier le front-end du site et vérifiez si le widget s'affiche correctement.

Voici à quoi ressemble maintenant ma table de connexion :

Image [17] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site WordPress : un tutoriel simple

Si le formulaire n'est pas construit avec WPForms, le plugin peut toujours être utilisé pour intégrer le CAPTCHA de Cloudflare.

Méthode 2 : Ajouter le CAPTCHA Turnstile avec un plugin gratuit

Il est possible d'utiliser Tourniquet Cloudflare simple Le plugin ajoute Turnstile aux formulaires WordPress.

  • Premièrement, rendez-vous à l'adresse suivantePlugins>Ajouter un nouveau plugin.
  • Tapez dans le champ de recherche"Simple Cloudflare Turnstile"..
  • Ensuite.montageen outreActiver le tourniquet Cloudflare simple Plug-ins.
Image [18] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site Web WordPress : un tutoriel simple

Vous accéderez ainsi àParamétrage de la clé API.

  • Collez dans le champ de saisie correspondant Clé du site répondre en chantant Clé secrète.
Image [19] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site WordPress : un tutoriel simple !
  • Faites défiler la page et cochez les formulaires pour lesquels vous souhaitez activer le Turnstile.
Image [20] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site WordPress : un tutoriel simple !

Si vous n'utilisez pas le formulaire par défaut de WordPress, vous verrez la section ci-dessous, qui comprend également des formulaires pour d'autres plugins. Dans mon exemple, vous pouvez voir qu'elle affiche les options pour WPForms.

  • frappe (sur le clavier)"Sauvegarder les modifications(RIRES) C'est fait.
Image [21] - Comment configurer le CAPTCHA Turnstile de Cloudflare sur un site WordPress : un tutoriel simple !

Comment tester le CAPTCHA de Cloudflare ?

Pour vous assurer que tout se passe bien, vous pouvez d'abord tester le CAPTCHA Turnstile de Cloudflare dans votre environnement de développement.

Les clés de site et les clés secrètes suivantes sont disponibles à des fins de test.

Si vous souhaitez tester la clé réelle localement, vous devez définir votreNom d'hôte de test ajouté à la liste blanche du domaine.

Il peut être testé avec une clé de site virtuel pour n'importe quel domaine (y compris localhost).

Cloudflare recommande que les clés de site pour les environnements de production n'autorisent pas les paramètres locaux (par exemple, localhost ou 127.0.0.1), mais vous pouvez ajouter ces paramètres à la liste autorisée si vous le souhaitez.

Exemple de clé de test :

Sitekeydescriptionsvisibilité
1x000000000000000000000000AAtête de pontil est clairement visible (que c'est le cas)
2x000000000000000000000000ABl'assurance contreil est clairement visible (que c'est le cas)
1x000000000000000000000000BBtête de pontinvisibilité
2x000000000000000000000000BBl'assurance contreinvisibilité
3x000000000000000000000000FFMise en œuvre des défis interactifsil est clairement visible (que c'est le cas)

Attention :Ces clés de site virtuel renvoient XXXX.DUMMY.TOKEN.XXXX Réponse. La clé secrète de l'environnement de production rejettera ce jeton, donc pour les tests, appliquez également l'optionClé secrète virtuelle.

Essais et dépannage

Si le CAPTCHA de Cloudflare a été ajouté, voici quelques moyens de le tester et de le dépanner :

Soumission du formulaire de test

  1. Allez dans le tableau de bord de WordPress.
  2. Sélectionnez et soumettez un formulaire dont le CAPTCHA de Cloudflare est activé.
  3. Vérifiez que le formulaire fonctionne comme prévu (par exemple, que la soumission se fait sans problème, que la validation apparaît, etc.)

Ces étapes permettent de s'assurer que le CAPTCHA fonctionne correctement et d'effectuer des tests initiaux. Si vous rencontrez des problèmes, vous pouvez poursuivre le dépannage et ajuster les paramètres.


Contactez nous
Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par Banner1
LA FIN
Si vous l'aimez, soutenez-le.
félicitations73 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires