保护网站不受机器人和垃圾邮件的侵扰是很重要的。很多网站管理员都会用 CAPTCHA 来确定访问者是真正的用户。
同样重要的是,不要用复杂的图片、扭曲的字母等让客户反感。毕竟,用户体验才是关键。
Cloudflare Turnstile CAPTCHA 通过简单的复选框或完全无复选框(隐形 CAPTCHA)解决了这一问题,提供了更简洁的用户体验。
接下来,我们一起了解如何在 Sitio web de WordPress上设置 Cloudflare CAPTCHA。文章中会介绍两种方法,提供测试和排查问题的步骤,以及一些建议。
![图片[1]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.361sale.com/wp-content/uploads/2025/01/20250109105241505-image.png)
Cloudflare CAPTCHA 概述
CAPTCHA 是 “完全自动化的图灵测试,用于区分计算机和人类” 的缩写。这是一种安全措施,能有效阻止机器人等访问网站。
CAPTCHA 要求用户执行一些对人类来说很简单,但对机器人却很困难的操作,例如阅读扭曲的文本、选择包含特定对象的图片,或勾选复选框。
Cloudflare CAPTCHA 是 Cloudflare 更广泛安全套件的一部分,主要是阻止恶意流量并防止机器人攻击。
什么是 Cloudflare Turnstile?
![图片[2]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.361sale.com/wp-content/uploads/2025/01/20250109095504951-image.png)
Cloudflare Turnstile CAPTCHA 与传统的 CAPTCHA 有些不同,它是一种现代化、轻量级的解决方案。
pasar (una factura o inspección, etc.)去除基于图像的挑战,Turnstile 通过轮换的浏览器测试和非互动 JavaScript 来确保平滑的表单保护。意味着用户无需完成拼图,优化了表单提交过程。
此外,无需成为 Cloudflare 的现有客户即可用此服务。WordPress 网站站长可以免费注册并轻松将 Cloudflare Turnstile CAPTCHA 集成到他们的网站表单中。
Características principales
Cloudflare CAPTCHA 的主要特点包括:
- 无需用户交互
- 不打扰用户
- 非互动的 JavaScript 挑战
- 自适应保护
- 轻量级且快速
- 免费集成
Turnstile 小部件类型
Turnstile 小部件的类型包括:
- 非互动挑战
- 如果访问者被怀疑是机器人,则用非侵入性的互动挑战(例如勾选复选框)
![图片[3]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.361sale.com/wp-content/uploads/2025/01/20250109100647453-image.png)
- 向浏览器提供隐形挑战
如何用 Cloudflare CAPTCHA?
在文章中,我会把 Cloudflare Turnstile CAPTCHA 添加到网站的联系表中。
目前看起来是这样的:
![图片[4]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.361sale.com/wp-content/uploads/2025/01/20250109100841629-image.png)
coaccionar开始用 Cloudflare,访问他们的网站按照下面步骤操作:
- 找到并点击右上角的“inscripción "按钮或“免费开始”。
![图片[5]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Cloudflare-3.png)
- 添加电子邮件地址和密码进行注册。
![图片[6]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/email-address-and-password.png)
创建帐户后,会进入 Cloudflare 仪表板。
- 在左侧面板上,查找“ Turnstile ".
- 然后,单击 Turnstile Widgets来添加小部件。
- 接下来,命名小部件,方便以后识别。这里将它命名为“Security”。
- 然后,点击“添加主机名”来添加网站。
![图片[7]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Add-Hostnames.png)
- 现在滚动页面以查找并选择小部件模式。
- golpe (en el teclado)"Guardar cambios".
![图片[8]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/widget-mode.png)
- 一旦创建小部件,会获得 API 密钥,在下一步中需要它。
![图片[9]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/API-keys.png)
如何将 Cloudflare Turnstile 添加到 WordPress
有两种方法可以将 Cloudflare CAPTCHA 添加到 WordPress 网站。
方法 1:用 WPForms 添加 Cloudflare Turnstile CAPTCHA
最常见的方法是用 WPForms 添加 Cloudflare Turnstile。
步骤 1:在 WPForms 上设置 Turnstile
- 首先,转到插件>添加新插件.
- 在搜索栏中输入“WPForms”。
- 然后,montajeademásactiveWP Forms 插件。
![图片[10]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/activate-the-WP-Forms-plugin.png)
- 然后,转到WPForms > 设置 > CAPTCHA.
- golpe (en el teclado)Turnstile(旋转栅门).
![图片[11]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Turnstile.png)
还记得 Cloudflare 已提供了 Site Key responder cantando Secret Key,现在可以将将它们填入这里了。
- 向下滚动,找到可以粘贴 Site Key responder cantando Secret Key 的区域。
- 如果需要,还可以修改验证失败时显示的消息。
- 输入密钥后,点击“保存设置”。
![图片[12]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/site-key-and-secret-key.png)
步骤 2:在 WordPress 表单上启用 Turnstile
现在已经添加了密钥,接下来是启用 Turnstile 想要保护的表单。
按照下面步骤操作:
- 转到 WordPresspaneles de instrumentos.
- 在左侧面板上,转到WPForms > 所有表单.
- 找到想要启用 Cloudflare CAPTCHA 的表单。
- 在表单正下方,单击"Editar"..
![图片[13]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/WPForms-2.png)
en caso de que compilador 选项没有显示,可以将鼠标悬停在表单上,所有选项都会出现。
- 在编辑仪表盘中,找到左侧的 Turnstile,然后点击它。
![图片[14]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Editing-dashboard.png)
这样,会看到一条消息,提示您 Turnstile 已启用:
![图片[15]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Turnstile-enabled.png)
- golpe (en el teclado)“OK”,然后点击右上角的“保存” 。
![图片[16]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/click-on-Save.png)
就是这样,完成了设置。
现在,去查看网站前端,检查小部件是否正常显示。
下面是我的联系表现在的样子:
![图片[17]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Contact-Form-1.png)
如果表单不是用 WPForms 构建的,仍然可以用该插件来集成 Cloudflare CAPTCHA。
方法 2:用免费插件添加 Turnstile CAPTCHA
Es posible utilizar Simple Cloudflare Turnstile 插件将 Turnstile 添加到 WordPress 表单中。
- 首先,转到插件>添加新插件.
- 在搜索栏中输入“Simple Cloudflare Turnstile”.
- 然后,montajeademás激活Simple Cloudflare Turnstile Complementos.
![图片[18]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Simple-Cloudflare-Turnstile-plugin.png)
这会带你进入API 密钥设置.
- 在相关的输入框中粘贴 Site Key responder cantando Secret Key.
![图片[19]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/API-Key-Settings.png)
- 现在向下滚动,勾选想要启用 Turnstile 的表单。
![图片[20]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/turn-Turnstile-on.png)
如果不是用默认的 WordPress 表单,会看到下面的部分,其中还包括其他插件的表单。在我的例子中,可以看到它显示了 WPForms 的选项。
- golpe (en el teclado)"Guardar cambios"。就完成了。
![图片[21]-如何在WordPress网站上设置Cloudflare Turnstile CAPTCHA:简单教程](https://www.cloudways.com/blog/wp-content/uploads/Integrations.png)
如何测试 Cloudflare CAPTCHA?
为了确保一切顺利,可以首先在开发环境中测试 Cloudflare Turnstile CAPTCHA。
下面是可用于测试目的的站点密钥和秘密密钥。
如果想在本地测试真实的密钥,需要将你的测试主机名添加到域白名单中.
可以用任何域(包括 localhost)的虚拟站点密钥进行测试。
Cloudflare 建议生产环境的站点密钥不应允许本地域(如 localhost 或 127.0.0.1),但如果需要,可以选择将本地域添加到允许列表中。
测试密钥示例:
Sitekey | descripciones | 可见性 |
---|---|---|
1x00000000000000000000AA | 始终通过 | 可见 |
2x00000000000000000000AB | 始终阻止 | 可见 |
1x00000000000000000000BB | 始终通过 | 隐形 |
2x00000000000000000000BB | 始终阻止 | 隐形 |
3x00000000000000000000FF | 强制执行交互式挑战 | 可见 |
Atención:这些虚拟站点密钥将返回 XXXX.DUMMY.TOKEN.XXXX
响应。生产环境的秘密密钥会拒绝此令牌,因此在测试时,还应用虚拟的秘密密钥.
测试和故障排除
如果已经添加了 Cloudflare CAPTCHA,下面是一些测试和故障排除的方法:
测试表单提交
- 进入 WordPress 仪表盘。
- 选择并提交一个已启用 Cloudflare CAPTCHA 的表单。
- 检查表单是否按预期工作(例如,提交是否顺利进行,是否弹出验证等)。
这些步骤有助于确保 CAPTCHA 正常运行并进行初步测试。如果遇到问题,可以进一步排查和调整设置。
Enlace a este artículo:https://www.361sale.com/es/32589El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios