如何在Framer网站添加联系表单

如何在Framer网站添加联系表单

Framer 提供了内置的表单组件,用于收集潜在客户、预约和注册信息,同时还支持使用嵌入组件来嵌入外部表单。

使用我们的原生表单解决方案

通过 Framer 的原生表单,您可以:

  • 使用 10 多种输入类型自定义表单。

  • 为各种交互设计不同的表单状态。

  • 通过 电子邮件Google Sheets自定义 Webhooks 发送数据。

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

添加原生表单的方法:

  1. 前往 插入面板 → 表单

  2. 将表单拖放到页面上,开始设计并连接它。

插入面板中表单菜单的截图,展示不同的表单选项。

使用我们内置的表单集成

Framer 提供多种针对特定用例的内置表单集成:

  • Formspark:用于姓名、邮箱和消息字段的简单联系表单。

  • Calendly:用于预约会议和日程安排。

  • HubSpot:将潜在客户直接添加到您的 CRM 中,用于市场营销。

  • Intercom:启用客户支持请求。

  • Typeform:完全可定制的表单,实现丰富的用户交互。

此外,您还可以使用 输入组件 来收集邮件订阅。它支持以下服务:

连接其他第三方表单服务

要在 Framer 中嵌入 Beehiiv 或 Tally 等第三方表单:

  1. 复制该服务提供的 HTML 脚本。

  2. 将脚本粘贴到 Framer 的 嵌入组件 中。

或者,使用 代码组件 构建完全自定义的表单,以满足您的具体需求。

相关资源

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