如何将 Cloudflare Turnstile CAPTCHA 添加到您的表单

已发表: 2023-03-13

您想将 Cloudflare Turnstile CAPTCHA 添加到您的 WordPress 表单吗?

Cloudflare Turnstile 是一个类似于验证码的替代小部件,有助于防止在您的表单上提交垃圾邮件。 这个小部件非常人性化,很容易在您创建或已有的表单上启用。

在本文中,我们将引导您完成将 Cloudflare Turnstile CAPTCHA 添加到您的表单的 6 个步骤。

立即创建您的 WordPress 表单

为什么我应该在 WordPress 中使用 Cloudflare Turnstile CAPTCHA?

正如我们提到的,Cloudflare Turnstile 是一个类似于验证码的小部件,它对用户友好且易于添加到您的 WordPress 表单中。

Cloudflare Turnstile CAPTCHA 确认您的表单用户是访问您网站的真人,而不是垃圾邮件发送者或机器人,无需用户完成谜题。

WPForms 是最好的 WordPress 表单生成器插件。 免费获取!

另外,它是免费的!

Cloudflare Turnstile 为您可能遇到最多垃圾邮件的 WordPress 表单增加了另一层安全保护。 使用此小部件,您可以在设置中使用各种自定义选项,从而获得所需的安全类型。

在 WordPress 中启用 Cloudflare Turnstile 的过程很简单,我们将通过 6 个步骤向您展示如何完成。

如何将 Cloudflare Turnstile CAPTCHA 添加到您的表单

在本文中

  • 1. 安装并激活 WPForms
  • 2. 在 WPForms 中设置 Cloudflare Turnstile
  • 3. 在 Cloudflare 中添加您的站点
  • 4. 将 API 密钥添加到 WPForms
  • 5.配置附加设置
  • 6. 将 Cloudflare Turnstile 添加到表单

1. 安装并激活 WPForms

首先,您需要在 WordPress 仪表板上安装并激活 WPForms。

您可以直接从我们的 WPForms 站点下载该插件,您可以在其中选择最适合您需要的计划和许可。

The WPForms website

有关下载和安装 WPForms 插件的更多指导,请查看我们关于该主题的完整教程。

2. 在 WPForms 中设置 Cloudflare Turnstile

在 WordPress 仪表板中安装 WPForms 后,您需要设置 Cloudflare Turnstile。

从您的仪表板,导航至WPForms » 设置。 然后,单击标题为CAPTCHA的选项卡。

Setting up CAPTCHA in WPForms

接下来,单击Turnstile方块以选择 Cloudflare Turnstile 作为您的验证码方法。

Selecting Turnstile in WPForms CAPTCHA settings

选择 Turnstile 后,您需要创建一个新的 Cloudflare 帐户并生成一组 API 密钥,以便将其与 WPForms 连接。 我们稍后将在步骤 #3 中介绍这一点。

所以,现在,让这个选项卡保持打开状态,然后继续下一步。

3. 在 Cloudflare 中添加您的站点

要添加您的站点并生成 API 密钥,您首先需要设置您的 Cloudflare 帐户。

进入 Cloudflare 仪表板后,向下滚动到Turnstile选项卡并单击Add site

Adding site in Turnstile settings

现在,输入您将使用 Turnstile 的站点名称

Adding site in Turnstile settings

但别担心,这个站点名称不是公开的,它只是为了帮助您在 Cloudflare 帐户中识别它。

接下来,在标有域的框中输入您的网站地址。

Adding domain in Turnstile settings

请记住,您可以在此处添加多个域。 这意味着您可以在使用 Cloudflare Turnstile 的所有网站上仅使用一组 API 密钥。

现在,您将决定您希望 Cloudflare 如何处理您网站表单上的 CAPTCHA 请求。 您可以在ManagedNon-interactiveInvisible之间进行选择。

Widget Type下进行选择。

Selecting Turnstile widget type

Managed选项允许 Cloudflare 决定是显示交互式挑战还是自动验证用户。 Cloudflare 将根据用户的浏览器数据和交互做出此决定。

非交互选项将在您网站的前端显示 CAPTCHA 小部件,并且不需要您的网站用户进行交互。 Cloudflare 将运行挑战并自动验证用户。

最后, Invisible选项也不需要用户交互,只会在后台运行。

做出选择后,单击创建以将您的选项添加到您的网站。

Clicking create in Turnstile settings

现在,您终于可以生成 WordPress 站点所需的一组唯一的 API 密钥。 单击创建将自动为您生成这些密钥。

Entering site keys in Turnstile Settings

您的 WPForms 设置需要站点密钥密钥,因此请准备好在下一步中复制和粘贴它们。

4. 将 API 密钥添加到 WPForms

现在您已从 Cloudflare Turnstile 获得 API 密钥,您需要将它们添加到 WPForms。

返回您的 WPForms 设置,并将每个键粘贴到必要的字段中。

Entering site keys in WPForms settings

现在,您将在 WPForms 中配置 Cloudflare Turnstile 设置。

5.配置附加设置

您能够配置的第一个附加设置是您的表单用户可能会收到的失败消息。 如果用户在未完成 Cloudflare Turnstile 挑战的情况下尝试提交表单,他们将收到此消息。

您会在上面输入的密钥下方直接找到此消息设置。 您可以更新此消息以显示您希望用户收到的任何内容。

Updating Turnstile fail message

此页面上要配置的下一个设置是小部件的样式。

您将从“类型”下拉菜单中进行选择,从“自动”、“浅色”或“深色”样式中进行选择。

Selecting Turnstile style type

请记住,选择默认的自动样式将从浅色模式切换到深色模式,具体取决于表单用户的设置。

接下来,您将看到此页面的预览部分,它将向您展示 Cloudflare Turnstile 小部件将如何显示在您的网站上。

请务必在预览小部件之前保存您的设置。

Previewing Turnstile settings

预览设置的正下方是无冲突模式设置。

无冲突模式会删除任何未由 WPForms 加载的 Cloudflare Turnstile 代码。 例如,如果 Cloudflare Turnstile 由 WPForms 和您的 WordPress 主题上传,则 Turnstile CAPTCHA 可能无法正常工作。

如果您无法让 Turnstile 在您的网站上运行,您可能需要启用此设置来解决问题。 但是,我们不建议打开无冲突模式,除非您在使用 Turnstile 时遇到问题。

Saving Turnstile settings

现在,您应该能够预览 Cloudflare Turnstile 小部件。

Previewing Cloudflare Turnstile widget

这就是配置所有附加设置! 现在您已准备好将小部件添加到您的表单中。

6. 将 Cloudflare Turnstile 添加到表单

配置站点密钥和设置后,您现在可以将 Cloudflare Turnstile 添加到 WPForms 中的任何新表单或现有表单。

继续并进入新的或已经制作的表单的表单生成器以检查这个新字段。

滚动标准字段并选择Turnstile字段以将其拖放到您的表单上。

Selecting Turnstile field in form builder

您还可以通过设置»垃圾邮件防护和安全为您的表单启用或禁用 Cloudflare Turnstile。

Updating spam protection settings

从这里导航到 CAPTCHA 部分,并确保启用 Cloudflare Turnstile选项已切换到打开位置。

Enabling Cloudflare Turnstile widget

然后,要检查它是否已在表单构建器中启用,请在右上角查找Turnstile徽章。

Viewing Turnstile badge in form builder

如果您在表单生成器上没有看到 Turnstile 徽章,请检查您的 Cloudflare Turnstile API 密钥。 它们可能设置不正确。

现在您要做的就是确保 Cloudflare Turnstile 按照您希望的方式在您的表单上工作!

只需向您的表单提交测试条目即可检查您的 Cloudflare Turnstile CAPTCHA。

就是这样! 您现在在您的 WordPress 网站上增加了一层安全保护。

立即创建您的 WordPress 表单

接下来,考虑其他 reCAPTCHA 替代方案

Cloudflare Turnstile 是 reCAPTCHA 的一种很好的替代方法,但它只是众多方法中的一种。 有关如何在不使用 reCAPTCHA 的情况下保护您的网站的更多建议,请查看我们最喜欢的用于联系表单的替代方法。

准备好构建表单了吗? 今天开始使用最简单的 WordPress 表单生成器插件。 WPForms Pro 包含大量免费模板,并提供 14 天退款保证。

如果本文对您有所帮助,请在 Facebook 和 Twitter 上关注我们以获取更多免费的 WordPress 教程和指南。