在网站中添加Typeform

在网站中添加Typeform

Typeform 让你无需编写代码即可与网站访问者建立联系并收集有价值的信息。

如何将 Typeform 添加到您的网站

获取您的 Typeform ID

  • 登录您的 Typeform 账户,创建一个新表单或打开现有表单。

  • 前往“分享”面板,复制分享链接末尾的唯一 ID(例如,ncUOgRbJ 来自于 https://iy13kdlphpm.typeform.com/to/ncUOgRbJ)。

将 Typeform 添加到您的 Framer 项目

  • 打开您的 Framer 项目。

  • 在左侧的插入面板中,找到集成部分下的 Typeform。将 Typeform 组件拖放到画布上。

主面板显示表单选项,包括表单构建器和电子邮件注册集成,如 Loops、ConvertKit、Mailchimp、Waitlist 和 FormSpark。

设置 Typeform 组件

  • 将您唯一的 Typeform ID 粘贴到右侧属性面板中的ID 字段

  • 通过切换页脚和页眉的可见性来自定义外观。

  • 调整大小和固定方式,以控制 Typeform 在您网站上的显示效果。

集成 Typeform 到设计中的设置面板截图。面板包含“样式”(不透明度和可见性)、“变换”以及一个“Typeform”组件。

我们的原生表单解决方案

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

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

  • 可设计各种交互状态的表单。

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

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

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

Typeform 在 Framer 中的主要使用场景

嵌入 Typeform 可帮助您快速收集用户数据并提升互动性。以下是常见使用场景:

  • 支持请求:让访客直接从您的网站提交支持工单。使用 Zapier 将 Typeform 提交内容连接至 Zendesk 等客服工具,实现支持流程自动化。

  • 用户调查:收集受众反馈,指导功能开发或衡量满意度。可通过抽奖活动提高参与率。

  • 职位申请:接收开放职位的申请。将提交内容集成至招聘管理系统,或直接发送到您的收件箱。

在 Framer,我们通过 Zapier 使用 Typeform,将回复无缝连接至内部系统,高效跟踪调查、问卷、抽奖等活动。

如果您仍有问题,请通过我们的联系页面联系我们以获得进一步帮助。

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