如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性

什么是 Google reCAPTCHA?

图片[1]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

WordPress reCAPTCHA 是一个安全工具,可在WordPress网站使用和Elementor上使用。reCAPTCHA帮助你区分网站上的真实用户和自动程序(如机器人)。它通过显示一个小测试,比如解决一个简单的谜题,或者在幕后自动检查访问者是否为真人,来实现这一目的。

如何使用 Elementor 在登录表单中添加 reCAPTCHA?

reCAPTCHA 确保只有真正的用户才能登录或注册,从而维护网站的互动完整性。可以选择两个主要版本:reCAPTCHA v2 和 reCAPTCHA v3。

  • reCAPTCHA v2 要求用户完成一个挑战,如识别图片中的物体或输入图像中的字符。
图片[2]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  • reCAPTCHA v3 在后台运行,根据用户行为评分,不打扰用户,并评估用户是机器人的可能性。

为什么应该将 reCAPTCHA 添加到 Elementor 登录表单?

将 reCAPTCHA 添加到 Elementor 登录表单可以确保您的网站安全并提升用户体验。以下是主要原因:

  1. 防止垃圾邮件和滥用: reCAPTCHA 通过区分人类用户和自动机器人,创建了一层安全保护,阻止未经授权的访问,确保只有真正的互动被处理。
  2. 用户友好的安全性: reCAPTCHA v3 主要在后台运行,通过分析用户行为检测机器人,更少干扰用户。
  3. 企业声誉和信任: 安全的登录表单维护用户数据的完整性,建立用户信任,防止信息泄露和声誉受损。
  4. 易于实施: 使用 Elementor 和支持 reCAPTCHA 的插件(如 Elementor Plus Addons),无需深厚的技术知识即可添加此安全功能。
  5. 高效流量处理: reCAPTCHA 过滤机器人流量,减轻服务器负载,保持网站效率和性能。
  6. 法律合规性: reCAPTCHA 保护表单免遭未经授权和自动的数据提交,帮助网站遵守隐私法律。
  7. 转化率更高: 用户感觉网站安全时,更有可能完成注册或交易,增加与内容的互动和购物。

如何使用 Elementor 在登录表单中添加 reCAPTCHA [分步说明]

图片[3]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

通过以下步骤,使用 Elementor 在登录表单中设置 reCAPTCHA,保护你的网站免受自动攻击。

步骤 1:获取 Google reCAPTCHA 密钥

设置 Google CAPTCHA 帐户以获取用于将服务与插件连接的 API 密钥。登录你的 Gmail 帐户并打开reCAPTCHA 管理面板

图片[4]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在注册表中输入以下信息:

  • 标签 你的 reCAPTCHA 的名称。
  • 验证码类型。在你的网站上实施的验证方法。
  • 。你的网站域名。可以添加多个域。
  • 拥有者。 reCAPTCHA 管理员。它会自动设置为你当前的电子邮件地址。

勾选服务条款复选框并单击提交按钮。 Google 将为API 连接生成密钥站点密钥。将它们存放在安全的位置。

选择 reCAPTCHA v3,因为此版本提供更高级的安全功能。输入你的域名并标记以便于识别。

注册后,获得站点密钥和密钥。请保留这些密钥,以便稍后将 reCAPTCHA 与 Elementor 登录表单集成。

步骤 2:在 WordPress 中创建新页面

登录 WordPress 仪表板,导航至“页面” > “添加新页面”。为页面指定标题,例如“登录”。

图片[5]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

单击“使用 Elementor 编辑”按钮以启动 Elementor 页面构建器。

图片[6]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤 3:添加登录表单小部件

安装激活 The Plus Addons for Elementor 的Pro插件

图片[7]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

使用 The Plus Addons for Elementor 插件中的登录、注册和密码表单小部件。将小部件拖到页面的适当位置。

图片[8]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤 4:配置小部件设置

在小部件设置面板中,将表单布局类型设置为“登录和注册”。

图片[9]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

接下来,导航到“注册额外选项”,选择 reCAPTCHA v3 以在登录和注册表单上激活它。

图片[10]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤 5:自定义表单的外观

个性化表单以符合你网站的设计风格。Elementor 提供的样式选项允许控制表单的颜色、字体和布局。在“样式”选项卡中,调整字体、背景颜色、表单字段、按钮样式和标签等设置。

图片[11]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤 6:激活 reCAPTCHA

返回 WordPress 仪表板,转到“Plus 设置” > “额外选项”。输入从 Google 获得的站点密钥和密钥,将你的 Elementor 表单与 Google 的 reCAPTCHA 服务链接起来。

图片[12]-如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤 7:测试和调整

配置所有设置后,请测试您的 Elementor 表单 reCAPTCHA 是否正常工作。在隐身窗口中打开表单,模拟用户体验,确保 reCAPTCHA 徽章可见,且未通过 reCAPTCHA 表单挑战则无法提交表单。

总结:

Google reCAPTCHA 是一种有效的安全工具,可以帮助区分真实用户和自动程序(如机器人),从而保护你的网站。通过在 Elementor 登录表单中添加 reCAPTCHA,可以防止垃圾邮件和滥用行为,提升用户体验,并维护网站的安全性。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容