在 Webflow 上添加 Airtable 表格

在您的网站上嵌入 Airtable 表单并跟踪直接从您的网站发送的表单提交。
实用提示: 您还可以利用 Logic 的 Make HTTP 请求块将原始 Webflow 表单提交的数据发送到 Airtable。了解有关使用 Logic 在 Airtable 中生成记录的更多信息。

在本教程中:

  1. 从 Airtable 复制插入代码
  2. 在您的网站中插入代码

从 Airtable 复制插入代码

在 Airtable 电子表格的左上角,按下 网格视图. 下方 添加视图, 选择 形式,然后您就可以个性化您的表单。请记住,您分配给表单的标签将在您的网站上可见。

步骤 1 显示网格视图按钮在 Airtable 电子表格中突出显示。
步骤 2 和 3 在 airtable 仪表板中突出显示。步骤 2 突出显示用于创建新视图的“表单”按钮。步骤 3 显示新电子表格名称 Office Coordinator Application。

分享表单 > 将此表单嵌入到您的网站 使用代码片段打开新选项卡。在获取代码片段之前,请打开 自动调整高度 切换到 .然后突出显示并将嵌入代码复制到剪贴板。

步骤 1 和 2 已突出显示。步骤 1 突出显示共享表单按钮。步骤 2 突出显示将此表单嵌入到您的网站按钮。嵌入代码位于步骤 1 和 2 的右侧。

在您的网站中插入代码

在 Webflow 项目的设计器中,按下左侧面板中的加号图标。  

在下面 成分,拖动 嵌入 元素到您当前的设计中。使用 Command (Control) + V 将上一步中的代码片段插入出现的 HTML 嵌入代码编辑器中。按 保存并关闭.

Webflows 设计器 HTML 嵌入代码编辑器包含来自 Airtable 电子表格的代码片段。

从右上角点击 发布 > 发布到选定域 并观察公布的结果。

已发布的网站嵌入了 Airtable 电子表格。

花点时间测试您的表单——您提交的数据应显示在 Airtable 电子表格中的网格视图中。 

做得好!

麦宜云
Ewan Mak 的最新帖子 (查看全部)