什么是 Google reCAPTCHA?
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
WordPress reCAPTCHA 是一个安全工具,可在WordPress网站使用和Elementor上使用。reCAPTCHA帮助你区分网站上的真实用户和自动程序(如机器人)。它通过显示一个小测试,比如解决一个简单的谜题,或者在幕后自动检查访问者是否为真人,来实现这一目的。
如何使用 Elementor 在登录表单中添加 reCAPTCHA?
reCAPTCHA 确保只有真正的用户才能登录或注册,从而维护网站的互动完整性。可以选择两个主要版本:reCAPTCHA v2 和 reCAPTCHA v3。
- reCAPTCHA v2 要求用户完成一个挑战,如识别图片中的物体或输入图像中的字符。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
- reCAPTCHA v3 在后台运行,根据用户行为评分,不打扰用户,并评估用户是机器人的可能性。
为什么应该将 reCAPTCHA 添加到 Elementor 登录表单?
将 reCAPTCHA 添加到 Elementor 登录表单可以确保您的网站安全并提升用户体验。以下是主要原因:
- 防止垃圾邮件和滥用: reCAPTCHA 通过区分人类用户和自动机器人,创建了一层安全保护,阻止未经授权的访问,确保只有真正的互动被处理。
- 用户友好的安全性: reCAPTCHA v3 主要在后台运行,通过分析用户行为检测机器人,更少干扰用户。
- 企业声誉和信任: 安全的登录表单维护用户数据的完整性,建立用户信任,防止信息泄露和声誉受损。
- 易于实施: 使用 Elementor 和支持 reCAPTCHA 的插件(如 Elementor Plus Addons),无需深厚的技术知识即可添加此安全功能。
- 高效流量处理: reCAPTCHA 过滤机器人流量,减轻服务器负载,保持网站效率和性能。
- 法律合规性: reCAPTCHA 保护表单免遭未经授权和自动的数据提交,帮助网站遵守隐私法律。
- 转化率更高: 用户感觉网站安全时,更有可能完成注册或交易,增加与内容的互动和购物。
如何使用 Elementor 在登录表单中添加 reCAPTCHA [分步说明]
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
通过以下步骤,使用 Elementor 在登录表单中设置 reCAPTCHA,保护你的网站免受自动攻击。
步骤 1:获取 Google reCAPTCHA 密钥
设置 Google CAPTCHA 帐户以获取用于将服务与插件连接的 API 密钥。登录你的 Gmail 帐户并打开reCAPTCHA 管理面板。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
在注册表中输入以下信息:
- 标签。 你的 reCAPTCHA 的名称。
- 验证码类型。在你的网站上实施的验证方法。
- 域。你的网站域名。可以添加多个域。
- 拥有者。 reCAPTCHA 管理员。它会自动设置为你当前的电子邮件地址。
勾选服务条款复选框并单击提交按钮。 Google 将为API 连接生成密钥和站点密钥。将它们存放在安全的位置。
选择 reCAPTCHA v3,因为此版本提供更高级的安全功能。输入你的域名并标记以便于识别。
注册后,获得站点密钥和密钥。请保留这些密钥,以便稍后将 reCAPTCHA 与 Elementor 登录表单集成。
步骤 2:在 WordPress 中创建新页面
登录 WordPress 仪表板,导航至“页面” > “添加新页面”。为页面指定标题,例如“登录”。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
单击“使用 Elementor 编辑”按钮以启动 Elementor 页面构建器。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
步骤 3:添加登录表单小部件
安装激活 The Plus Addons for Elementor 的Pro插件
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
使用 The Plus Addons for Elementor 插件中的登录、注册和密码表单小部件。将小部件拖到页面的适当位置。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
步骤 4:配置小部件设置
在小部件设置面板中,将表单布局类型设置为“登录和注册”。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
接下来,导航到“注册额外选项”,选择 reCAPTCHA v3 以在登录和注册表单上激活它。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
步骤 5:自定义表单的外观
个性化表单以符合你网站的设计风格。Elementor 提供的样式选项允许控制表单的颜色、字体和布局。在“样式”选项卡中,调整字体、背景颜色、表单字段、按钮样式和标签等设置。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
步骤 6:激活 reCAPTCHA
返回 WordPress 仪表板,转到“Plus 设置” > “额外选项”。输入从 Google 获得的站点密钥和密钥,将你的 Elementor 表单与 Google 的 reCAPTCHA 服务链接起来。
![如何在 Elementor 登录表单中添加 Google reCAPTCHA 以提高网站安全性](https://www.361sale.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
步骤 7:测试和调整
配置所有设置后,请测试您的 Elementor 表单 reCAPTCHA 是否正常工作。在隐身窗口中打开表单,模拟用户体验,确保 reCAPTCHA 徽章可见,且未通过 reCAPTCHA 表单挑战则无法提交表单。
总结:
Google reCAPTCHA 是一种有效的安全工具,可以帮助区分真实用户和自动程序(如机器人),从而保护你的网站。通过在 Elementor 登录表单中添加 reCAPTCHA,可以防止垃圾邮件和滥用行为,提升用户体验,并维护网站的安全性。
联系我们 |
---|
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
① 电话:020-2206-9892 |
② QQ咨询:1025174874 |
③ 邮件:info@361sale.com |
④ 工作时间:周一至周五,9:30-18:30,节假日休息 |