表单构建器
创建新表单
- 在侧边栏中前往表单。
- 点击新建表单。
- 填写基本详情部分(见下文)。
- 在表单字段部分添加字段。
- 配置可选部分(外观、流水线连接、垃圾防护)。
- 点击保存。
基本详情
| 字段 | 说明 |
|---|---|
| 表单名称 | 内部名称(在管理面板中使用) |
| 别名 | URL 友好的标识符——从名称自动生成。用于公共 URL:/f/your-slug |
| 显示标题 | 在表单顶部向访客显示的标题 |
| 描述 | 表单上显示的可选副标题/描述 |
| 提交按钮标签 | 提交按钮上的文字(默认:"提交") |
| 感谢消息 | 成功提交后显示的消息 |
| 重定向 URL | 如已设置,则重定向到此 URL 而不显示感谢消息 |
| 多步骤表单 | 将字段分组为编号步骤/页面 |
| 活跃 | 切换以启用或禁用表 单 |
表单字段
每个表单可以有无限个字段。GDPR 同意复选框会自动添加为最后一个字段,无法删除。
添加字段
在表单字段部分,点击添加字段并配置:
| 字段设置 | 说明 |
|---|---|
| 类型 | 输入类型(见下文) |
| 标签 | 向访客显示的字段标签 |
| 占位符/提示 | 输入框内的提示文字 |
| 字段键 | 将此字段映射到线索属性(例如 email、first_name、phone) |
| 步骤编号 | 对于多步骤表单——此字段属于哪个步骤 |
| 必填 | 提交时是否必须填写该字段 |
| 选项 | (仅下拉选择/复选框/单选按钮)——每行一个选项 |
字段类型
| 类型 | 说明 |
|---|---|
| text | 单行文本输入 |
| 邮箱地址输入 | |
| phone | 电话号码输入 |
| textarea | 多行文本 |
| select | 下拉列表 |
| multi_checkbox | 多个复选框(多选) |
| radio | 单选按钮(单选) |
| date | 日期选择器 |
| number | 数字输入 |
| hidden | 隐藏字段(从 URL 参数预填) |
重新排序字段
拖动字段上下移动以重新排序表单中的字段。
外观(可选)
| 设置 | 说明 |
|---|---|
| 背景颜色 | 表单容器的背景颜色 |
| 背景图片 URL | 背景图片的 URL |
| Google 字体名称 | 要使用的字体(例如"Inter"、"Roboto") |
| Logo URL | 表单顶部显示的 Logo 图片 |
流水线连接(可选)
自动将来自此表单的新线索放入流水线阶段:
- 选择流水线。
- 选择该流水线中的阶段。
来自此表单 的所有线索将从该阶段开始。
垃圾防护
启用 reCAPTCHA v3 以防止机器人提交:
- 切换启用 reCAPTCHA v3。
- 输入您的 reCAPTCHA 站点密钥和密钥(来自 Google reCAPTCHA 控制台)。
每个表单需要单独的 reCAPTCHA 密钥对(或对所有表单使用相同的密钥)。
获取嵌入代码
保存表单后:
- 前往表单列表。
- 点击表单行上的嵌入按钮。
- 复制 HTML 代码片段并粘贴到您的网页中。
独立表单 URL 为:https://yourdomain.com/f/your-slug
多步骤表单
启用多步骤表单时:
- 为每个字段分配步骤编号(1、2、3...)。
- 步骤 1 的字段出现在第一页,步骤 2 在第二页,以此类推。
- 步骤之间出现下一步 / 上一步导航。
- 提交按钮仅出现在最后一步。
查看表单分析
前往表单 → [您的表单] → 分析(或点击表单行上的图表图标)查看:
- 总浏览量
- 总提交数
- 转化率(提交数 / 浏览量)
- 随时间变化的提交分布