如何将验证码添加到 WooCommerce 结帐
已发表: 2022-10-18在使用 ShopReady 建立 WooCommerce 商店后，我们面临着保护网站免受垃圾邮件发送者的最大挑战。 是的，垃圾邮件发送者可能会使用不同的自动化技术来渗透您的业务并尝试发出欺诈性订单。 现在要学习如何将验证码添加到 WooCommerce 结帐？
这可能会导致误导性交易，从而对您的业务造成潜在损害。 因此，您需要确保用户是真人，并且您还必须阻止自动脚本和机器人干扰您的结帐页面。
要解决此问题，您必须在 WooCommerce 商店的结帐时添加验证码。 本文将讨论为什么以及如何添加验证码来保护您的企业免受垃圾邮件工具和机器人的侵害。
您可以通过使用插件或不使用插件来做到这一点。 我们将介绍我们在使用 ShopReady 构建的 WooCommerce 商店中实施的所有可能方法，以便您可以使用它们将验证码添加到您的网站。 开始吧！
您可能已经使用 ShopReady 之类的工具建立了您的 WooCommerce 商店，但努力确保其安全性。 在结账时添加验证码可能是您应该考虑的安全措施之一。
向 WooCommerce 结帐添加验证码的主要原因是保护网站免受试图进行欺诈性购买的自动恶意攻击。 它可以防止自动化工具完成销售表格，同时防止虚假注册和客人订单。 验证码可以阻止误导性交易，从而避免您遭受任何潜在损失。
有些人认为验证码可能会使用户交互变得有点复杂，但有一些方法可以实现对客户来说通常很方便的低摩擦用户体验。 唯一会发现验证码难以破解的是那些“计算机机器人”。
目录
如何将验证码添加到 Woocommerce 结帐？
现在转到我们如何向 ShopReady WooCommerce 商店的结帐页面添加验证码。 我们已经尝试了插件和无插件方法。
在尝试这些时，我们想出了一些很棒的插件和代码片段。 让我们讨论所有这些方法，看看哪种方法适合您。
带插件
为了让您的客户继续从您的 WooCommerce 商店购买，您可以在结帐页面或网站上任何您想要的地方使用不同的验证码验证插件。
那里有很多这样的插件可用。 但是，我们在使用 ShopReady 构建 WC 商店时尝试的前 3 项包括以下内容：
WooCommerce 的验证码
这是专为 WooCommerce 垃圾邮件保护设计的高级插件。 它不是免费版本，因此您必须先付费。 使用此插件，您可以将 Google ReCAPTCHA 添加到结帐页面和其他表单，包括注册、登录、密码丢失表单等。
它可以在一个页面上显示多个验证码，就像如果您在同一页面上有登录和注册表单，您可以在两种表单中启用验证码。
您可以使用此插件同时拥有 reCaptcha v2 和 ReCaptcha V3。 它的一些其他关键功能包括自动用户语言检测、reCaptcha 自定义、错误消息自定义等。
像插件页面中的任何其他 WordPress 插件一样简单地安装是很简单的。 简单的设置带有开/关选项，可在所需位置启用或禁用验证码。 使用 ShopReady 工具启用它没有任何问题。
该插件建立在高标准之上，以阻止虚假注册和订单，并确保无论如何都不会破坏网站。
验证码 4WP
由 WP White Security 支持和维护，这是最好的验证码插件之一，允许真人通过 WooCommerce 表单和结帐页面。
它可以保护您的商店免受机器人的侵害，而不是让它们干扰您的订单。 除了结帐页面，您还可以使用此插件在表单、评论、注册、密码丢失/重置等不同部分显示验证码。
该插件的亮点是您可以使用它在单个页面上显示多个验证码。 它还支持自定义验证码样式。 您可以选择 v2（我不是机器人）、v2（隐形）或 v3。 它会自动检测用户的语言以显示验证码和相应的设置。
您可以默认以多种形式添加验证码，但对于 Contact Form 7，您必须添加短代码。 它提供免费和高级版本。 我们在使用 ShopReady 时尝试了高级版本。
您可以从 WooCommerce 帐户中的插件页面轻松安装它。 搜索 CAPTCHA 4WP，安装并激活它以保护您的商店免受垃圾邮件发送者的侵害。
BestWebSoft 的 reCaptcha
BestWebSoft 带来了另一种有效的验证码解决方案来保护您的 WooCommerce 商店。 它适用于几乎所有表格，包括 WooCommerce 结帐账单表格。
您可以通过此插件使用 reCaptcha v2、v3 和隐形版本。 顾客在继续购物之前必须确认他们不是机器人。
它通过使用限制尝试来防止垃圾邮件和暴力攻击。 该产品得到快速友好的支持。
安装很容易，就像任何其他 WP 插件一样。 您可以从插件页面下载、安装和激活它。 设置完成后，您可以转到设置并选择结帐页面或任何其他需要的位置来启用它。
该插件包括简单的设置和快速设置的详细指南。 这是一个具有 RTL 就绪功能的多语言插件。 您还可以使用设置添加自定义代码。 它还带有多个验证码主题。 总而言之，该插件与 ShopReady 构建器工具配合得很好。
无插件
在看到插件方式之后，是时候了解如何在没有插件的情况下将验证码添加到 WooCommerce 结帐页面。
由于 Google 免费提供 reCaptcha v2 反垃圾邮件服务，因此您无需插件即可在您的网站上实施该服务。 我们在使用 ShopReady 时成功地实现了这一点。 它是最流行的验证码 API，你必须做一些编码才能在没有插件的情况下将它添加到你的 WC 结帐中。
但在您使用代码片段之前，请记住您不能将其放在表单的付款部分。 您必须相应地选择一个操作才能成功添加它。
<?php
/**
* 将 reCaptcha 添加到结帐表单
* @param $checkout
*/
函数 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);
/**
* 验证 reCaptcha
*/
函数 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);
如果（！$响应->成功）{
wc_add_notice('请确认你不是机器人','错误');
}
}
add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');
我们尝试过，它与我们的 ShopReady WooCommerce 商店配合得很好。
如何在 Woocommerce Checkout 上启用 Google Recaptcha V2？
为此，最好的方法是对 WooCommerce 插件使用 reCaptcha，因为它同时支持 V2 和 V3 版本。
- 首先，从 WC 帐户下载 .zip 文件。
- 现在去 Admin > Plugins > Add New > Upload Plugin
- 选择你下载的文件
- 安装并激活 reCaptcha
- 激活后，转到 wooCommerce > 设置
- 单击设置中的 reCaptcha 选项卡
- 选择 Recaptcha 版本为 ReCaptcha V2（复选框）
- 设置站点密钥和密钥
- 保持其他字段（如错误消息）不变
- 保存设置
- 从启用验证码的选项卡列表中，选择 WooCommerce 访客结帐并勾选复选框以启用reCaptcha 到访客结帐页面。
要获取站点密钥和密钥，请按照以下步骤操作：
- 登录您的 Google 帐户
- 转到Google ReCaptcha 管理控制台(https://www.google.com/recaptcha/admin)
- 点击右上角的+按钮
- 在添加标签中添加您的网站名称。
- 选择 reCaptcha v2。
- 选中“我不是机器人”复选框。
- 添加网站域
- 接受服务条款
- 完成后点击提交
- 应出现站点密钥和密钥； 只需复制和使用它们。
结论
这包含了将验证码添加到 WooCommerce 结帐的指南。 我们必须说所有这些验证码方法在我们的 ShopReady WooCommerce 结账时都非常有效。 所以这篇文章也应该适合你！
它讨论了一些可以有效保护您的 WC 商店免受垃圾邮件发送者的优秀插件。 WooCommerce 的 reCaptcha是这里的佼佼者，可让您轻松有效地设置 Google reCaptcha V2 或 V3。
我们还讨论了如何通过在相应位置添加一些代码来添加 reCaptcha V2 API。 无论您从上述方法中选择哪种方式，都可以在启用其中任何一种方式后保护您的网站免受欺诈性订单的侵害。
WordPress 安全最佳实践