如何在Framer中添加表单?
Framer 提供了内置的表单组件,用于收集销售线索、预订和注册信息。您还可以选择使用嵌入组件(Embed component)来集成外部表单。
使用 Framer 的原生表单 (Native Forms),您可以实现以下功能:
使用 10 多种输入类型定制表单。
为各种交互(如成功/错误状态)设计表单状态。
通过电子邮件、Google Sheets 或自定义 Webhook 发送表单数据。
受益于内置的垃圾信息防护(spam protection)和请求频率限制(rate limiting),以增强安全性。
添加原生表单的步骤:
进入 Insert (插入) 菜单 → Forms (表单)。
将表单组件拖放(Drag and drop)到您的页面上。
开始设计(designing)您的表单并将其连接(connecting)到您选择的数据接收方式。

Framer 为特定场景提供了多种内置的表单集成服务:
Formspark: 用于简单的联系表单(姓名、邮箱、留言字段)。
Calendly: 用于预约会议和日程安排。
HubSpot: 将销售线索直接添加到您的 CRM,用于营销目的。
Intercom: 支持客户提交服务请求。
Typeform: 可完全定制的表单,提供丰富的用户交互体验。
此外,您还可以使用 Input Component (输入组件) 来捕获邮箱注册信息。它支持以下服务:
要嵌入来自第三方服务(如 Beehiiv 或 Tally)的表单:
复制该服务提供的 HTML 嵌入脚本(HTML script)。
将脚本粘贴(Paste)到 Framer 的 Embed component (嵌入组件) 中。
或者,您也可以使用 Code Components (代码组件) 来构建完全自定义、满足特定需求的高级表单。
相关资源 (Related resources):
如何将 Intercom 添加到您的网站
如何将 Mailchimp 添加到您的网站
如何将 Typeform 添加到您的网站
如何将 Formspark 添加到您的网站
如何将 HubSpot 表单添加到您的网站