将Framer表单连接到Clay

将Framer表单连接到Clay

你可以将 Framer 网站的表单提交直接发送到 Clay,从而自动整理、丰富或对这些数据采取相应操作。

您需要准备的内容

开始之前,请确保您已准备好连接 Framer 和 Clay 所需的一切。您只需要两样东西:

  • 一个包含表单组件的 Framer 项目。

  • 一个带有数据表的 Clay 账户,用于收集数据。

在 Clay 中创建 Webhook

首先,您将在 Clay 中创建一个 Webhook 来接收您的表单提交内容。Webhook 就像一个唯一 URL,Framer 的数据将发送到这里。

  1. 打开 Clay,进入您希望收集数据的数据表。

  2. 点击 导入数据 → 通过 Webhook

  3. Clay 将生成一个唯一的 Webhook URL。这就是 Framer 发送表单提交内容的目标地址。

  4. 将该 URL 复制到剪贴板。

Clay webhook 配置弹窗,显示“从 Webhook 拉取数据 - Framer”界面,包含生成的 Webhook URL、复制按钮、添加认证令牌选项,以及选择响应格式为纯文本或 JSON 的单选按钮

连接您的 Framer 表单

接下来,您将 Framer 表单连接到刚刚创建的 Webhook。这样每次提交表单时,数据都会自动发送到您的 Clay 数据表中。

  1. 在您的 Framer 项目中,选中表单组件。

  2. 在右侧面板中,找到 发送至 设置区域。

  3. 选择 Webhook 作为目标位置。

  4. 粘贴您之前复制的 Clay Webhook URL。

Framer 表单配置面板,显示“发送至”字段设置为 Webhook,并包含 Clay API URL,以及 Webhook 设置对话框,展示 API 端点、可选密钥字段和备用邮箱地址

发布后,通过该表单的任何提交都将自动发送到您的 Clay 数据表中。

在 Clay 中查看提交内容

连接 Webhook 后,您可以测试以确保一切正常。提交表单后,数据将立即发送到 Clay。

  1. 返回您的 Clay 数据表并提交一次表单。

  2. 几秒钟后,一条包含测试数据的新行应会出现在表中。

  3. 每次新的提交都会自动添加一行。

一旦数据到达 Clay,您就可以使用其工具来丰富、清洗并自动化您的工作流。

Create a free website with Framer, the website builder loved by startups, designers and agencies.