插入 reCAPTCHA 字段

reCAPTCHA 是 Google 提供的一项服务，可帮助保护表单提交免受垃圾邮件和滥用。该服务旨在确保只有真正的用户才能在您的网站上提交表单。了解有关在表单中使用 reCAPTCHA 的更多信息。

在本教学课程中，您将掌握：

1. 将 reCAPTCHA 添加到表单的方法
2. 为网站激活 reCAPTCHA 验证的方法
3. 定制 reCAPTCHA 的技术

至关重要的： 当您指定自定义表单操作来编译表单提交时，reCAPTCHA 将不会运行。

至关重要的： Webflow 使用 reCAPTCHA 的表单在导出的网站上不起作用。如果您计划导出您的网站，则必须按照以下说明在表单中连接 reCAPTCHA Google 的 reCAPTCHA 指南。此外，了解如何收集导出网站上的表单提交。

将 reCAPTCHA 添加到表单的方法

您可以将 reCAPTCHA 附加到表单中 添加面板 > 元素 部分 > 形式 区域。必须将 reCAPTCHA 元素插入到表单中。

至关重要的： 除非您在“网站设置”>“表单”部分中启用验证，否则 reCAPTCHA 不会显示在您的实时网站上。重要的是要意识到，这将启用 reCAPTCHA 验证 全部 网站上的表单，因此请确保在所有表单中都包含 reCAPTCHA 元素。

有用的提示： reCAPTCHA 会自动检测网站访问者的语言并以该语言显示小部件。

为网站激活 reCAPTCHA 验证的方法

您可以按照以下步骤在您的网站上配置 reCAPTCHA：

1. 注册您的网站并生成 API 密钥
2. 启用 reCAPTCHA 验证

注册您的网站并生成 API 密钥

1. 前往 Google 的 reCAPTCHA 页面
2. 选择 reCAPTCHA 类型: reCAPTCHA v2
3. 选择 “我不是机器人”复选框

之后，注册链接到您网站的所有域名，方法是将其输入到 域。注册后，您将在 reCAPTCHA 设置中获得 2 个 API 密钥（一个站点密钥和一个密钥）。这些密钥将在下一步激活 reCAPTCHA 验证时使用。

笔记： 确保添加您正在使用的任何自定义域（例如“example.com”）。如果您使用子域进行发布、准备或测试，您还可以合并“example.webflow.io”（将“example”替换为您的子域）。自定义域的子域会自动注册。这意味着“example.com”的注册也会注册“subdomain.example.com”。 了解有关 Google reCAPTCHA 域名认证的更多信息.

至关重要的： 注册域名可能需要长达 30 分钟才能生效。

启用 reCAPTCHA 验证

至关重要的：在您的网站上启用 reCAPTCHA 之前， 请记住，启用 reCAPTCHA 将强制验证 全部 您网站上的表单。任何缺少 reCAPTCHA 元素的表单都将 提交不成功. 此次调整将于 即刻 无论是否重新发布您的网站，单击“保存”（下面的第 4 步）后，请确保在激活 reCAPTCHA 之前将 reCAPTCHA 元素添加到每个表单中。

要在您的网站上启用 reCAPTCHA 验证：

1. 导航 站点设置 > 形式 部分 > reCAPTCHA 验证
2. 插入 Google 中的 API 密钥（ reCAPTCHA v2网站密钥 和 reCAPTCHA v2 密钥）— 输入相关字段
3. 激活 reCAPTCHA 验证
4. 节省 你的调整
5. 发布 您的网站

至关重要的： 为了保护和正常功能，请确保不要粘贴 密钥 在里面 网站密钥 场地。

笔记： 如果您希望继续设计，或者您不准备在实时网站上为所有表单启用 reCAPTCHA，您可以返回网站设置以稍后激活它。

我们建议在添加 reCAPTCHA 字段后验证表单在您发布的网站上是否正常运行。

常见问题及解决方法

如果您在使用 reCAPTCHA 时遇到问题，这里列出了潜在问题、警报、错误消息以及如何解决这些问题。

我无法在发布的网站上观察到 reCAPTCHA 元素

确保您已激活 reCAPTCHA 验证、在表单中包含 reCAPTCHA 元素并重新发布您的网站。

你的网页

有用的提示：如果清除缓存无法解决问题，请尝试在隐身窗口中进行测试。如果 reCAPTCHA 正确显示且没有任何错误，则此操作应刷新 reCAPTCHA 配置的缓存。到目前为止，reCAPTCHA 应该在所有浏览会话中按预期运行。如果问题仍然存在，请删除 API 密钥（ reCAPTCHA v2 站点密钥 和 reCAPTCHA v2 密钥）并生成新的。之后，更新您的 站点设置。请记住，Site 密钥和 Secret 密钥区分大小写。

如何个性化 reCAPTCHA

尽管 reCAPTCHA 提供的自定义选项有限，但您可以使用自定义属性对其进行个性化设置。请注意，通过自定义属性应用的样式只会反映在您的实时网站上。

修改 reCAPTCHA 的配色方案

默认情况下，reCAPTCHA 组件采用浅色主题，背景为灰色，文字为黑色。您可以选择将其切换为深色主题，背景为黑色，文字为白色。要启用深色主题，请执行以下操作：

1. 选择 验证码 画布上的组件
2. 导航 元素设置 > 自定义属性
3. 单击“加“ 图标
4. 在 姓名 场地
5. 在 价值 场地

更改 reCAPTCHA 的尺寸

reCAPTCHA 元素带有预定义的大小。您可以通过添加自定义属性使其更加紧凑。

要减小 reCAPTCHA 组件的大小：

1. 选择 验证码 画布上的元素
2. 使用权 元素设置 > 自定义属性
3. 点击“加“ 图标
4. 在“数据大小”中插入 姓名 场地
5. 在 价值 场地