如何将Formspark添加到你的Framer网站

在网站中添加Formspark

通过电子邮件直接接收表单提交内容,或与 Slack、Zapier、Integromat 及其他平台集成,以管理潜在客户表单、联系请求、支持工单等。

按照以下步骤操作:

  1. 访问 Formspark 网站,打开一个新或现有的 HTML 表单,从表单设置中复制你的唯一 Form ID(例如:EKSIcHe13)。确保在 Formspark 表单设置中选择了“HTML as Technology”。

  2. 在 Framer 中打开一个项目。在画布左侧找到插入面板,在“集成”部分找到 Formspark,然后将 Formspark 组件拖放到画布的任意页面上。

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

显示 Formspark 组件右侧面板选项。

我们的原生表单解决方案

Framer 还提供具备以下功能的原生表单:

  • 可自定义的表单,支持超过 10 种输入类型。

  • 可设计的表单状态,用于各种交互场景。

  • 通过邮箱Google Sheets自定义 Webhooks 提交数据。

  • 内置防垃圾邮件保护频率限制,提升安全性。

如需添加原生表单,请参考本文

如果你仍然遇到问题,请通过我们的联系页面与我们联系以获取进一步帮助。

在 Framer 中使用 Formspark 的主要应用场景

你可以在 Framer 中完全自定义你的表单。Formspark 让你无需管理服务器或学习 API,即可立即在 Framer 网站上收集访客信息。

在你的 Framer 网站上为用户提供一个自定义表单以便联系你。

  • 在网站上加入“联系我们”表单,加强与潜在客户和客户的沟通。通过示例或提示性占位文字,有效收集有价值的信息。

  • 在博客或首页添加订阅表单,扩大你的邮件列表。

  • 使用一个简单的系统集中管理所有工单,高效处理支持请求。

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