Comment ajouter Captcha à la caisse WooCommerce
Publié: 2022-10-18Après avoir construit une boutique WooCommerce avec ShopReady, nous avons relevé le plus grand défi de protéger le site contre les spammeurs. Oui, les spammeurs pourraient utiliser différentes technologies automatisées pour infiltrer votre entreprise et tenter de passer des commandes frauduleuses. Vous allez maintenant apprendre Comment ajouter Captcha à WooCommerce Checkout ?
Cela peut causer des dommages potentiels à votre entreprise en provoquant des transactions trompeuses. Vous devez donc vous assurer que l'utilisateur est un véritable humain, et vous devez également empêcher les scripts automatisés et les bots d'interférer avec votre page de paiement.
Pour résoudre ce problème, vous devez ajouter un captcha à la caisse de votre boutique WooCommerce. Cet article explique pourquoi et comment vous pouvez ajouter un captcha pour protéger votre entreprise des outils de spam et des bots.
Vous pouvez le faire en utilisant un plugin ou sans plugin. Nous couvrirons toutes les méthodes possibles que nous avons mises en œuvre sur notre boutique WooCommerce construite avec ShopReady afin que vous puissiez les utiliser pour ajouter Captcha à votre site. Commençons!
Vous avez peut-être construit votre boutique WooCommerce avec un outil comme ShopReady mais avez du mal à assurer sa sécurité. L'ajout d'un captcha à la caisse pourrait être l'une de ces mesures de sécurité que vous devriez examiner.
La principale raison d'ajouter un captcha à la caisse WooCommerce est de protéger le site contre les attaques malveillantes automatisées qui tentent de faire des achats frauduleux. Il empêche les outils automatisés de remplir les formulaires de vente tout en empêchant les fausses inscriptions et les commandes d'invités. Captcha peut arrêter les transactions trompeuses qui pourraient vous éviter toute perte potentielle.
Certains pensent que le captcha pourrait rendre l'interaction de l'utilisateur un peu compliquée, mais il existe des moyens de mettre en œuvre une expérience utilisateur à faible friction qui est généralement pratique pour les clients. Et la seule chose qui trouvera le captcha difficile à déchiffrer, ce sont ces "bots informatisés".
Table des matières
Comment ajouter Captcha à Woocommerce Checkout ?
Passons maintenant à la façon dont nous avons ajouté un captcha à la page de paiement de notre boutique ShopReady WooCommerce. Nous avons essayé à la fois les plugins et les méthodes sans plugin.
En les essayant, nous avons trouvé d'excellents plugins et extraits de code. Discutons de toutes ces méthodes et voyons laquelle vous convient le mieux.
Avec plugin
Pour permettre à votre client de procéder à l'achat dans votre boutique WooCommerce, vous pouvez utiliser différents plugins de vérification captcha sur la page de paiement ou n'importe où sur le site.
Il existe de nombreux plugins de ce type disponibles. Cependant, le top 3 que nous avons essayé lors de la construction de notre magasin WC avec ShopReady comprend les éléments suivants :
reCaptcha pour WooCommerce
Il s'agit d'un plugin premium conçu spécifiquement pour la protection anti-spam WooCommerce. Il n'est pas disponible en version gratuite, vous devrez donc d'abord payer pour cela. À l'aide de ce plugin, vous pouvez ajouter Google ReCAPTCHA à la page de paiement et à d'autres formulaires, y compris l'enregistrement, la connexion, le formulaire de perte de mot de passe, etc.
Il peut afficher plusieurs captchas sur une même page, comme si vous aviez le formulaire de connexion et d'inscription sur la même page, vous pouvez activer les captchas dans les deux formulaires.
Vous pouvez avoir à la fois reCaptcha v2 et ReCaptcha V3 en utilisant ce plugin. Certaines de ses autres fonctionnalités clés incluent la détection automatique de la langue de l'utilisateur, la personnalisation de reCaptcha, la personnalisation des messages d'erreur, etc.
Il est facile à installer simplement comme n'importe quel autre plugin WordPress à partir de la page Plugins. Les paramètres simples sont livrés avec des options d'activation / désactivation pour activer ou désactiver le captcha aux endroits requis. Nous n'avons eu aucun problème à l'activer avec l'outil ShopReady.
Le plugin est construit sur des normes élevées pour arrêter les fausses inscriptions et commandes et pour s'assurer que rien ne peut casser le site de toute façon.
CAPTCHA 4WP
Pris en charge et maintenu par WP White Security, c'est l'un des meilleurs plugins captcha qui permet à de vrais humains de passer par les formulaires WooCommerce et les pages de paiement.
Il protège votre boutique des bots, ne les laissant pas interférer avec vos commandes. Outre les pages de paiement, vous pouvez utiliser ce plugin pour afficher le captcha dans différents segments tels que les formulaires, les commentaires, l'enregistrement, la perte/la réinitialisation du mot de passe, etc.
Le point culminant de ce plugin est que vous pouvez l'utiliser pour afficher plusieurs captchas sur une seule page. Il prend également en charge les styles captcha personnalisés. Vous pouvez choisir entre v2 (je ne suis pas un robot), v2 (invisible) ou v3. Il détecte automatiquement la langue des utilisateurs pour afficher le captcha et les paramètres en conséquence.
Vous pouvez ajouter des captchas dans plusieurs formulaires par défaut, mais pour le formulaire de contact 7, vous devez ajouter un code court . Il est disponible en versions gratuite et premium. Nous avons essayé la version premium en utilisant ShopReady.

Vous pouvez facilement l'installer à partir de la page Plugins de votre compte WooCommerce. Recherchez le CAPTCHA 4WP, installez-le et activez-le pour protéger votre boutique des spammeurs.
reCaptcha par BestWebSoft
BestWebSoft apporte une autre solution captcha efficace pour protéger votre boutique WooCommerce. Il fonctionne avec presque tous les formulaires, y compris les formulaires de facturation de paiement WooCommerce.
Vous pouvez utiliser les versions reCaptcha v2, v3 et invisibles avec ce plugin. Le client doit confirmer qu'il n'est pas un robot avant de procéder à l'achat.
Il empêche les spams et les attaques par force brute en utilisant Limit Attempts. Le produit est soutenu par un support rapide et amical.
L'installation est facile comme n'importe quel autre plugin WP. Vous pouvez le télécharger, l'installer et l'activer à partir de la page Plugins. Une fois configuré, vous pouvez accéder aux paramètres et choisir la page de paiement ou tout autre endroit requis pour l'activer.
Le plugin comprend des paramètres simples avec un guide détaillé pour une configuration rapide. C'est un plugin multilingue avec des fonctionnalités prêtes pour RTL. Vous pouvez également ajouter un code personnalisé à l'aide des paramètres. Il est également livré avec plusieurs thèmes captcha. Dans l'ensemble, le plugin a bien fonctionné avec l'outil de création ShopReady.
Sans plugin
Après avoir vu le plugin-way, il est temps de découvrir comment vous pouvez ajouter un captcha sans plugin à la page de paiement WooCommerce.
Étant donné que Google propose gratuitement le service anti-spam reCaptcha v2, vous pouvez l'implémenter sur votre site sans plugin. Nous avons eu une expérience réussie de mise en œuvre lors de l'utilisation de ShopReady. C'est l'API captcha la plus populaire, et vous devez faire du codage pour l'ajouter à votre paiement WC sans plugin.
Mais avant d'utiliser l'extrait de code, n'oubliez pas que vous ne pouvez pas le placer dans la section de paiement du formulaire. Et vous devrez choisir une action en conséquence pour l'ajouter avec succès.
<?php
/**
* Ajouter reCaptcha au formulaire de paiement
* @param $checkout
*/
function doublee_show_me_the_checkout_captcha($checkout) {
echo '<div class=”g-recaptcha” data-sitekey=”YOUR_KEY_HERE”></div>' ;
}
add_action('woocommerce_checkout_order_review', 'doublee_show_me_the_checkout_captcha', 18);
/**
* Valider reCaptcha
*/
function doublee_process_recaptcha() {
$postdata = $_POST['g-recaptcha-response'] ;
$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_HERE&response='.$postdata);
$response = json_decode($verified_recaptcha);
si(!$réponse->succès) {
wc_add_notice('Veuillez vérifier que vous n'êtes pas un robot' ,'error');
}
}
add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');
Nous avons essayé et cela a bien fonctionné avec notre boutique ShopReady WooCommerce.
Comment activer Google Recaptcha V2 sur Woocommerce Checkout ?

Pour ce faire, le meilleur moyen est d'utiliser reCaptcha pour le plugin WooCommerce, car il prend en charge les versions V2 et V3.
- Tout d'abord, téléchargez le fichier .zip depuis le compte WC.
- Allez maintenant dans Admin > Plugins > Ajouter un nouveau > Upload Plugin
- Choisissez le fichier que vous avez téléchargé
- Installer et activer reCaptcha
- Après l'activation, allez dans wooCommerce > Paramètres
- Cliquez sur l'onglet reCaptcha dans les paramètres
- Choisissez la version Recaptcha comme ReCaptcha V2 (case à cocher)
- Définir la clé du site et la clé secrète
- Conservez les autres champs tels que les messages d'erreur tels quels
- Enregistrer les paramètres
- Dans la liste des onglets permettant d'activer les captchas, choisissez la page de paiement invité WooCommerce et cochez la case pour activer reCaptcha sur la page de paiement invité.
Pour obtenir la clé du site et la clé secrète, suivez les étapes ci-dessous :
- Connectez-vous à votre compte Google
- Accédez à la console d'administration de Google ReCaptcha (https://www.google.com/recaptcha/admin)
- Cliquez sur le bouton + en haut à droite
- Ajoutez le nom de votre site Web dans Ajouter une étiquette.
- Choisissez reCaptcha v2.
- Cochez la case "Je ne suis pas un robot".
- Ajouter le domaine du site Web
- Accepter les conditions de service
- Une fois terminé, cliquez sur Soumettre
- La clé du site et la clé secrète doivent apparaître ; il suffit de les copier et de les utiliser.
Conclusion

Ceci conclut le guide sur l'ajout de captcha à la caisse WooCommerce. Nous devons dire que toutes ces méthodes captcha ont fonctionné à merveille lors de notre paiement ShopReady WooCommerce. Cet article devrait donc bien fonctionner pour vous aussi !
Il traite d'excellents plugins qui peuvent protéger efficacement votre magasin WC contre les spammeurs. Le reCaptcha pour WooCommerce est celui qui se démarque ici qui vous permet de configurer Google reCaptcha V2 ou V3 facilement et efficacement.
Nous avons également discuté de la façon dont vous pouvez ajouter l'API reCaptcha V2 en ajoutant des codes à l'endroit respectif. Quelle que soit la méthode que vous choisissez parmi la méthode ci-dessus, vous pouvez vous attendre à protéger votre site contre les commandes frauduleuses après avoir activé l'une d'entre elles.
Meilleures pratiques de sécurité WordPress