在网站中添加Formspark
通过电子邮件直接接收表单提交内容,或与 Slack、Zapier、Integromat 及其他平台集成,以管理潜在客户表单、联系请求、支持工单等。
按照以下步骤操作:
访问 Formspark 网站,打开一个新或现有的 HTML 表单,从表单设置中复制你的唯一 Form ID(例如:EKSIcHe13)。确保在 Formspark 表单设置中选择了“HTML as Technology”。
在 Framer 中打开一个项目。在画布左侧找到插入面板,在“集成”部分找到 Formspark,然后将 Formspark 组件拖放到画布的任意页面上。

将表单 ID 粘贴到右侧属性面板的 ID 字段中。在 ID 字段下方,你会看到姓名、邮箱和消息字段。你可以切换这些字段的开启或关闭状态,调整布局,并通过更改颜色、添加自定义字体等方式自定义外观。

我们的原生表单解决方案
Framer 还提供具备以下功能的原生表单:
可自定义的表单,支持超过 10 种输入类型。
可设计的表单状态,用于各种交互场景。
通过邮箱、Google Sheets 或 自定义 Webhooks 提交数据。
内置防垃圾邮件保护和频率限制,提升安全性。
如需添加原生表单,请参考本文。
如果你仍然遇到问题,请通过我们的联系页面与我们联系以获取进一步帮助。
在 Framer 中使用 Formspark 的主要应用场景
你可以在 Framer 中完全自定义你的表单。Formspark 让你无需管理服务器或学习 API,即可立即在 Framer 网站上收集访客信息。
在你的 Framer 网站上为用户提供一个自定义表单以便联系你。
在网站上加入“联系我们”表单,加强与潜在客户和客户的沟通。通过示例或提示性占位文字,有效收集有价值的信息。
在博客或首页添加订阅表单,扩大你的邮件列表。
使用一个简单的系统集中管理所有工单,高效处理支持请求。