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](https://www.361sale.com/wp-content/uploads/2025/01/20250109105241505-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250109095504951-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250109100647453-image.png)
- 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](https://www.361sale.com/wp-content/uploads/2025/01/20250109100841629-image.png)
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](https://www.cloudways.com/blog/wp-content/uploads/Cloudflare-3.png)
- 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](https://www.cloudways.com/blog/wp-content/uploads/email-address-and-password.png)
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](https://www.cloudways.com/blog/wp-content/uploads/Add-Hostnames.png)
- 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](https://www.cloudways.com/blog/wp-content/uploads/widget-mode.png)
- 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](https://www.cloudways.com/blog/wp-content/uploads/API-keys.png)
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](https://www.cloudways.com/blog/wp-content/uploads/activate-the-WP-Forms-plugin.png)
- 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](https://www.cloudways.com/blog/wp-content/uploads/Turnstile.png)
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](https://www.cloudways.com/blog/wp-content/uploads/site-key-and-secret-key.png)
É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](https://www.cloudways.com/blog/wp-content/uploads/WPForms-2.png)
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](https://www.cloudways.com/blog/wp-content/uploads/Editing-dashboard.png)
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](https://www.cloudways.com/blog/wp-content/uploads/Turnstile-enabled.png)
- 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](https://www.cloudways.com/blog/wp-content/uploads/click-on-Save.png)
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](https://www.cloudways.com/blog/wp-content/uploads/Contact-Form-1.png)
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](https://www.cloudways.com/blog/wp-content/uploads/Simple-Cloudflare-Turnstile-plugin.png)
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 !](https://www.cloudways.com/blog/wp-content/uploads/API-Key-Settings.png)
- 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 !](https://www.cloudways.com/blog/wp-content/uploads/turn-Turnstile-on.png)
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 !](https://www.cloudways.com/blog/wp-content/uploads/Integrations.png)
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 :
Sitekey | descriptions | visibilité |
---|---|---|
1x000000000000000000000000AA | tête de pont | il est clairement visible (que c'est le cas) |
2x000000000000000000000000AB | l'assurance contre | il est clairement visible (que c'est le cas) |
1x000000000000000000000000BB | tête de pont | invisibilité |
2x000000000000000000000000BB | l'assurance contre | invisibilité |
3x000000000000000000000000FF | Mise en œuvre des défis interactifs | il 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
- Allez dans le tableau de bord de WordPress.
- Sélectionnez et soumettez un formulaire dont le CAPTCHA de Cloudflare est activé.
- 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.
Lien vers cet article :https://www.361sale.com/fr/32589L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires