Si vous souhaitez ajouter une couche de sécurité supplémentaire à votre site WordPress, le tout nouveau service "Turnstile" de Cloudflare est une alternative impressionnante, conviviale et respectueuse de la vie privée à Google reCAPTCHA.
Dans cet article, nous allons vous montrer comment ajouter le Turnstile de Cloudflare à tous les formulaires de votre site web WordPress !
Obtenez vos clés Cloudflare
Tout d'abord, créez un compte Cloudflare à l'adresse suivante : https://dash.cloudflare.com/sign-up
Une fois votre compte créé, visitez le tableau de bord Cloudflare, sélectionnez "Turnstile" dans la barre de menu latérale et cliquez sur "Ajouter un site".
Ensuite, vous devrez entrer un nom de site, un domaine et sélectionner le type de widget.
- Géré (recommandé) : Cloudflare utilisera les informations du visiteur pour décider si un défi interactif doit être utilisé. S'il montre une interaction, l'utilisateur sera invité à cocher une case (pas d'images ou de texte à déchiffrer).
- Non-interactif : Défi purement non interactif. Les utilisateurs verront un widget avec une barre de chargement pendant que le défi est lancé.
- Invisible : Défi qui ne nécessite pas d'interaction.
Cliquez sur le bouton "Créer" et vous recevrez une "Clé du site" et une "Clé secrète". Gardez cette page ouverte, car vous devrez les copier plus tard.
Installer le plugin WordPress
Vous devez maintenant installer le logiciel "Tourniquet Cloudflare simple"sur votre site web.
Pour ce faire, allez dans "Plugins > Ajouter un nouveau" dans votre zone d'administration WordPress, puis recherchez "Simple Cloudflare Turnstile", cliquez sur "Installer", et enfin cliquez sur le bouton "Activer" qui s'affiche une fois qu'il est installé.
Vous accéderez alors à la page de configuration de Simple Cloudflare Turnstile.
Ici, vous pourrez personnaliser plusieurs options :
- Clé de site et clé secrète.
- Thème de widget (clair ou foncé).
- Widget Langue.
- Mode Apparence - lorsqu'il est défini sur Tourniquet, le widget n'est affiché que dans les cas où une interaction est requise. Cela le rend essentiellement "invisible" pour la plupart des utilisateurs valides.
- Désactiver le bouton de soumission jusqu'à ce que l'épreuve soit terminée.
- Message d'erreur personnalisé
Plus loin sur la page des paramètres, vous verrez plusieurs onglets différents en fonction des plugins installés sur votre site. Ici, vous pouvez activer Turnstile sur les formulaires de votre site web.
Il suffit de basculer les onglets et de cocher la case de chaque formulaire pour lequel vous souhaitez activer le Turnstile. D'autres paramètres peuvent être disponibles pour certaines intégrations.
Enfin, lorsque vous démarrez votre "Clé de site" ou "Clé secrète" pour la première fois, ou que vous la mettez à jour, il vous sera demandé de tester la réponse de l'API, afin de vous assurer que tout fonctionne correctement. Il vous suffit de relever le défi du tourniquet et de cliquer sur "TESTER LA RÉPONSE".
Intégrations prises en charge
Vous pouvez actuellement activer Turnstile sur les formulaires suivants :
WordPress
- Formulaire de connexion
- Formulaire d'inscription
- Formulaire de réinitialisation du mot de passe
- Formulaire de commentaires
WooCommerce
- Sortie de caisse
- Payer la commande
- Formulaire de connexion
- Formulaire d'inscription
- Formulaire de réinitialisation du mot de passe
Plugins de formulaires
- WPForms
- Formes fluides
- Formulaire de contact 7
- Formulaires Gravity
- Formes Formidables
- Forminator Formulaires
Autres intégrations
- Elementor Pro Forms
- Formulaires pour les téléchargements numériques faciles
- Mailchimp pour WordPress Forms
- Formulaire d'inscription BuddyPress
- bbPress Create Topic & Reply Forms
- Formulaires de MemberPress
- Formulaires ultimes pour les membres
- Formulaires WP-Members
- wpDiscuz Formulaire de commentaires
- WordPress Multisite
Exemple de capture d'écran
Voici un exemple de ce à quoi ressemblera le défi Turnstile lorsqu'il sera activé sur votre formulaire de connexion WordPress :
Pourquoi Turnstile est-il meilleur que reCAPTCHA ?
Turnstile est meilleur que reCAPTCHA de deux manières. Tout d'abord, il ne nécessite pas d'interaction de la part de l'utilisateur, ce qui signifie que les utilisateurs n'ont pas à résoudre un puzzle ou à cliquer sur des images, ce qui rend le processus beaucoup plus facile et convivial.
Deuxièmement, il s'agit d'une grande amélioration en termes de respect de la vie privée, puisque les données envoyées par reCAPTCHA à Google sont utilisées pour le ciblage publicitaire, alors que le Turnstile de Cloudflare affirme qu'il "ne collectera jamais de données pour le reciblage publicitaire".
Pour en savoir plus sur Cloudflare Turnstile, cliquez ici.
⭐ Vous souhaitez améliorer les performances de votre site et passer moins de temps à vous préoccuper de votre site web ? Consultez nos plans de soins WordPress dès aujourd'hui !
French 
English 
Spanish 
German
Il est formidable de voir que vous avez résolu (sans jeu de mots) ce problème si rapidement ! Est-ce qu'il y a un support pour activer le Turnstile sur seulement certains Gravity Forms ?
Merci Jeseph !
Oui, avec Gravity Forms vous devez sélectionner l'option pour l'activer sur tous vos formulaires, mais ensuite il y a un champ pour entrer les ID des formulaires sur lesquels vous ne voulez pas que Turnstile s'affiche, si nécessaire.
Je ne vois aucun moyen d'activer Turnstile pour Gravity Forms. Je fonctionne en multisite et j'ai activé gravity forms network et il n'y a pas de paramètres apparaissant dans les menus de gf ou dans les paramètres du plugin Turnstile. Merci de votre compréhension.
Il devrait maintenant fonctionner sur multisite, si vous utilisez la dernière version.
Existe-t-il une option invisible / cachée - shortcode ?
Lorsque vous configurez vos clés API Turnstile de Cloudflare, vous pouvez sélectionner l'option "Invisible".
Quelle est la version minimale de wordpress requise pour faire fonctionner ce plugin ?
Bonjour, le plugin devrait fonctionner sur des versions plus anciennes de WordPress, mais je vous conseille d'utiliser la dernière version (6+).
Merci pour cet excellent plugin !
Est-il possible d'ajouter un support pour Simple Giveaways ?
Pas de problème ! Actuellement, nous ne prévoyons d'ajouter le support que pour les plugins de formulaires les plus importants et les plus populaires, mais nous l'envisagerons certainement à l'avenir !
Tout est installé et configuré correctement, mais rien ne se passe lorsque je clique sur le bouton "Test API Response" ? La page se recharge simplement et affiche le même "Message "Almost done...". Egalement après avoir effacé LSCache.
Veuillez ignorer mon commentaire précédent. Cela était dû à la politique de sécurité du contenu de mon serveur. J'ai ajouté Cloudflare à la liste et cela fonctionne. Je vous remercie de votre attention.
Fabian
J'ai le même problème, sauf que votre solution est au-dessus de mes compétences. Le site fonctionne sur un serveur nginx. Savez-vous comment et où ajouter Cloudfare à la liste. Tout conseil sera le bienvenu. Graham
Simple Cloudflare Turnstile Plugin - Le tourniquet Cloudflare ne fonctionne pas avec le site d'essai de Cloudways. Il n'y a aucun moyen d'ajouter cloudwaysapp-com en tant que "nouveau site" dans la section Turnstile de Cloudflare car l'url du site est xxxxx.cloudwaysapp-com ; par conséquent, je reçois une erreur et je ne peux pas me connecter à staging via la redirection Wp-admin.
Quelqu'un a-t-il rencontré ce problème et trouvé une solution ?
Excellent plugin, merci beaucoup ! Est-ce que le support des vendeurs de produits WooCommerce est prévu ?
Merci ! Pas pour l'instant, mais je l'envisagerai à l'avenir !
Est-il prévu de l'intégrer au formulaire de contact Divi intégré ?
Non, pas actuellement, mais nous l'envisagerons à l'avenir !
Avez-vous l'intention de soutenir les formulaires Piotnet ?
Non, pas actuellement, mais nous l'envisagerons à l'avenir !
Il serait bien que vous puissiez étendre cette documentation pour couvrir les paramètres liés à woocommerce tels que le saut des méthodes de paiement, mais plus important encore, la liste déroulante de l'emplacement du widget dans la caisse de woocommerce.
Quelles sont les conséquences du choix de l'un ou l'autre de ces lieux ?
Merci pour l'information. Peut-être que nous ajouterons une documentation plus avancée pour le plugin à l'avenir.
Il n'y a pas vraiment de conséquences sur l'emplacement du formulaire dans les paramètres d'intégration de WooCommerce. Il s'agit principalement de votre propre préférence ou de l'emplacement qui convient le mieux à votre thème.
Bonjour, excellent plug-in pour mon blog Wordpress, il fonctionne parfaitement avec le thème par défaut de Wordpress. J'avais l'habitude d'avoir des centaines de commentaires par semaine automatiquement indésirables grâce à Akismet, mais qui polluaient ma base de données. Maintenant ce n'est plus le cas ! Pas un seul n'a été ajouté depuis plusieurs semaines !
Mais voici mon problème : cela ne fonctionne pas avec mon thème personnalisé, Simple Cloudflare Turnstile n'est pas appelé. Comment le faire fonctionner ? Quel est le code PHP ou js qui permet à d'autres thèmes par défaut de laisser Simple Cloudflare Turnstile s'ajouter automatiquement aux formulaires de commentaires ?
Bonjour,
Je suis heureux que vous appréciez le plugin.
Oui, le plugin ne fonctionne pas par défaut sur les formulaires personnalisés. Il ne fonctionne qu'avec les intégrations listées sur la page du plugin.
Chaque formulaire personnalisé/intégration nécessite probablement un code légèrement différent à mettre en œuvre, car ils utiliseront également des crochets différents. Il est donc un peu difficile de donner une solution unique, sinon nous l'ajouterions simplement au plugin.
J'adore ce plugin mais j'ai un problème bizarre... J'ai arrêté d'utiliser Divi Contact Form (avec reCaptcha) et je suis passé à CF7 et à votre plugin. J'ai un site qui reçoit des quantités horribles de spam sur le formulaire de contact et il semble que ce soit du trafic de robots.
1) L'option "Enable on all CF7 Forms" fait-elle une différence si vous ajoutez le shortcode au formulaire de toute façon ?
2) Quel est le moyen le plus simple de définir la sensibilité ? Est-ce lié au niveau de sécurité dans Cloudflare ou y a-t-il un autre facteur ?
Bonjour,
Merci pour vos commentaires !
Si vous utilisez l'option "Enable on all CF7 Forms", vous ne devez pas utiliser le shortcode sur tous les formulaires. L'option l'ajoutera à tous vos formulaires, le shortcode n'est donc pas nécessaire.
Il n'y a aucun moyen de définir la sensibilité de Turnstile, celle-ci est entièrement gérée par Cloudflare et je pense qu'elle est complètement séparée des paramètres de sécurité que vous avez définis dans Cloudflare. Les seuls paramètres disponibles sont ceux qui sont disponibles sur Cloudflare lorsque vous ajoutez votre site pour obtenir des clés API.
Très bon plugin, merci. La seule chose est que, pour moi, la fonction de message d'erreur personnalisé ne semble pas fonctionner.
Je vous remercie. J'y jetterai un coup d'œil.
Merci beaucoup pour ce plugin ! Il est bien conçu, économique et, surtout, il fonctionne. Veuillez considérer les points suivants comme des pistes d'amélioration potentielles :
Tous nos vœux de réussite !
Merci pour vos commentaires. Nous prendrons ces idées en considération !
Ce plugin peut-il être modifié pour prendre en charge notre propre formulaire ?