Configuration du tourniquet Cloudflare

Souhaitez-vous utiliser Cloudflare Turnstile pour empêcher les soumissions de spam dans vos formulaires WordPress ? Cloudflare Turnstile est une alternative gratuite de type CAPTCHA qui offre une expérience conviviale en confirmant que les visiteurs sont de vrais humains sans leur montrer de casse-tête.

Ce tutoriel vous montrera comment configurer et utiliser Cloudflare Turnstile avec WPForms.

Aperçu du tourniquet Cloudflare


Avant de commencer, assurez-vous que WPForms est installé et activé sur votre site WordPress.

Générer les clés API Turnstile de Cloudflare

Pour commencer, connectez-vous à votre zone d'administration WordPress et allez dans WPForms " Settings. Cliquez ensuite sur l'onglet CAPTCHA.

Paramètres CAPTCHA de WPForms

Pour configurer le Turnstile de Cloudflare, sélectionnez l'option Turnstile.

Sélectionner l'option tourniquet

Une fois sélectionné, des paramètres supplémentaires apparaîtront. Vous devrez générer un ensemble de clés API à partir de votre compte Cloudflare pour le connecter à WPForms. Laissez cet onglet du navigateur ouvert et passez à l'étape suivante.

Ajouter votre site à Cloudflare

Pour commencer, vous devez vous connecter à votre compte Cloudflare. Une fois connecté, sélectionnez le menu Turnstile et cliquez sur Ajouter un site.

Cliquez sur le bouton "Ajouter un site".

Ensuite, vous verrez une option pour entrer le nom de votre site. Ce nom est réservé à un usage interne pour vous aider à identifier les widgets sur votre compte Cloudflare.

Saisir le nom du site

Ensuite, saisissez l'adresse de votre site web dans le champ Domaine.

Entrer le domaine du site web

Remarque : vous pouvez ajouter plusieurs sites web dans le champ Domaine. Cela vous permet d'utiliser un ensemble de clés API sur plusieurs sites web.

Sous Type de widget, vous devez choisir comment Cloudflare doit traiter les demandes CAPTCHA sur vos formulaires. Vous trouverez ci-dessous les options disponibles :

Sélectionner le type de widget

  • Géré : Cette option permet à Cloudflare de décider d'afficher un défi interactif ou de vérifier automatiquement l'utilisateur en fonction des données de son navigateur et de son interaction.
  • Non-interactif : Cette option permet d'afficher le widget CAPTCHA sur le frontend de votre site web. Cependant, elle ne nécessite pas d'interaction de la part de l'utilisateur. Cloudflare exécute automatiquement le défi et vérifie l'utilisateur.
  • Invisible : Cette option fonctionne en arrière-plan et ne nécessite aucune interaction de la part de l'utilisateur.

Après avoir choisi votre type de widget, cliquez sur le bouton Créer pour ajouter votre site.

Cliquez sur le bouton Créer

Cela permettra de générer un ensemble unique de clés API pour votre site web.

Clé du site Cloudflare et clé secrète

Vous devez copier la clé du site et la clé secrète de Cloudflare. Ensuite, retournez sur la page de configuration de WPForms, et collez chaque clé dans le champ correspondant.

Coller les valeurs de la clé de site et de la clé secrète dans les paramètres de WPForms

Une fois que vous avez ajouté les deux clés, passez à la configuration des paramètres supplémentaires pour le CAPTCHA Turnstile de Cloudflare.

Configuration de paramètres supplémentaires

Sous la clé secrète, vous trouverez l'option permettant de mettre à jour le message d'échec. Il s'agit du message qui s'affiche lorsqu'un utilisateur tente de soumettre un formulaire sans relever le défi de vérification du tourniquet Cloudflare.

Configuration du message d'échec

Ensuite, choisissez le style que vous souhaitez que le widget utilise dans le menu déroulant Type. Les options disponibles sont : Auto, Clair et Foncé.

Sélectionner le type de Captcha

Remarque : l'utilisation du mode Auto par défaut pour votre widget permet de basculer entre le mode Clair et le mode Foncé en fonction des paramètres de l'appareil de l'utilisateur.

Après avoir choisi le type de CAPTCHA, vous trouverez les paramètres du Mode sans conflit. Si le Turnstile de Cloudflare est chargé plus d'une fois sur votre site (par exemple, par WPForms et votre thème WordPress), cela peut empêcher le CAPTCHA Turnstile de fonctionner correctement.

Prévisualisation et mode sans conflit

Le mode No-Conflict supprimera tout code Cloudflare Turnstile qui n'est pas chargé par WPForms. Cependant, nous vous recommandons vivement de contacter notre équipe de support si vous n'êtes pas sûr d'utiliser cette option.

Ensuite, vous verrez la section Aperçu. Elle montre comment le widget CAPTCHA s'affichera sur le frontend de votre site web.

Remarque : vous devrez enregistrer vos paramètres avant de pouvoir voir un aperçu du widget.

Lorsque vous êtes prêt, cliquez sur le bouton Enregistrer les paramètres.

Cliquez sur le bouton "Enregistrer les paramètres".

Après avoir enregistré vos paramètres, vous devriez voir un aperçu du widget Turnstile de Cloudflare.

Aperçu de Cloudflare Captcha

Ajouter le Turnstile de Cloudflare à un formulaire

Maintenant que vous avez configuré vos clés, vous pouvez activer le Turnstile de Cloudflare sur n'importe lequel de vos formulaires.

Pour cela, créez un nouveau formulaire ou modifiez un formulaire existant pour accéder au générateur de formulaires. Ensuite, regardez sous Champs standard et sélectionnez le champ Tourniquet.

Ajouter un tourniquet à un formulaire

Vous pouvez également activer ou désactiver le Turnstile de Cloudflare pour un formulaire en allant dans Paramètres " Protection anti-spam et sécurité dans le générateur de formulaires.

Protection anti-spam et paramètres de sécurité

Dans la section Protection, vous pouvez activer l'option Stocker les entrées de spam dans la base de données si vous souhaitez revoir les entrées de spam avant de les supprimer de la page des entrées.

Stocker les entrées de spam dans la base de données

L'activation de cette option autorise toutes les soumissions, y compris celles signalées comme spam par le Turnstile de Cloudflare.

Remarque : l'option Activer un délai minimum de soumission permet de prévenir les soumissions par des robots en fixant un délai minimum avant que les soumissions ne soient autorisées sur le formulaire. Voir notre guide de prévention du spam pour plus de détails.

Ensuite, descendez jusqu'à la section CAPTCHA et activez l'option Enable Cloudflare Turnstile (Activer le tourniquet Cloudflare).

Activation de Cloudflare Turnstile dans les paramètres de protection contre le spam

Pour confirmer que le Turnstile de Cloudflare est activé, recherchez le badge Turnstile dans le coin supérieur droit du générateur de formulaires.

Badge tourniquet dans le générateur de formulaires

Remarque : si aucun badge n'apparaît dans votre générateur de formulaires, assurez-vous que vous avez correctement configuré vos clés API Turnstile de Cloudflare.

Test du tourniquet Cloudflare

La dernière étape consiste à effectuer un test rapide pour s'assurer que le Turnstile de Cloudflare se présente et fonctionne comme vous le souhaitez.

Pour le tester, il vous suffit de soumettre une entrée dans votre formulaire. Pour plus de détails sur la manière de tester vos formulaires, veuillez consulter notre liste de contrôle complète sur les tests de formulaires.

Visualisation des entrées de spam

Si vous avez activé l'option de stockage des entrées de spam, vous pourrez afficher les entrées identifiées comme spam à partir de la page Entrées.

Il existe également une option permettant de récupérer les entrées qui ont été marquées par erreur comme spam par le Turnstile de Cloudflare.

Spam détecté par Cloudflare Turnstile

Pour un guide détaillé, veuillez consulter notre tutoriel sur l'affichage et la gestion des entrées de spam.

Questions fréquemment posées

Voici les réponses aux questions les plus fréquentes sur la mise en place de Cloudflare Turnstile avec WPForms.

Puis-je voir les données analytiques CAPTCHA de Turnstile à partir de mon compte Cloudflare ?

Cloudflare inclut un tableau de bord analytique qui montre une vue d'ensemble des défis CAPTCHA de Turnstile pour chaque formulaire auquel vous avez ajouté Turnstile.

Pour visualiser les analyses Turnstile pour vos formulaires WordPress, connectez-vous à votre compte Cloudflare et sélectionnez le menu latéral Turnstile. Ensuite, sélectionnez le nom de votre site pour ouvrir le tableau de bord analytique.

Sélectionner le nom du site

Cela affichera des rapports contenant tous les formulaires auxquels vous avez ajouté le Turnstile de Cloudflare. Vous pouvez filtrer les données pour afficher les rapports d'un formulaire spécifique.

Pour utiliser l'option de filtre, cliquez sur le bouton Ajouter un filtre.

Cliquez sur le bouton d'ajout de filtre

Ensuite, vous devez saisir l'identifiant du formulaire dans le champ Nouveau filtre conditionnel en utilisant la syntaxe FormID-XX. Où XX est l'ID du formulaire dont vous souhaitez voir les données Cloudflare Turnstile.

Vous pouvez toujours trouver l'ID de votre formulaire dans votre tableau de bord WordPress en allant dans WPForms " All Forms et en vérifiant sous la colonne Shortcode.

ID WPForms

Dans notre exemple, nous avons défini le filtre de manière à ce qu'il dise : Action égale FormID-43. Cliquez sur le bouton Appliquer pour ajouter le filtre.

Appliquer le filtre

Une fois le filtre appliqué, il affichera les données analytiques pour le formulaire spécifique que vous avez sélectionné.

Analyse des formulaires captcha

Voilà, c'est fait ! Vous savez maintenant comment configurer et utiliser Cloudflare Turnstile avec WPForms.

Ensuite, vous voulez apprendre d'autres façons de prévenir le spam dans WPForms ? N'hésitez pas à consulter notre tutoriel complet sur la prévention des soumissions de spam pour en savoir plus.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.