表单构建器
#创建新表单
- 侧边栏进入 表单。
- 点击 新建表单。
- 填写表单基础详情。
- 在表单字段板块添加采集字段。
- 按需配置外观样式、流水线关联、垃圾提交防护。
- 点击 保存。
#基础详情配置
| 字段 | 说明 |
|---|---|
| 表单名称 | 后台管理面板使用的内部名称 |
| 别名 | URL友好标识符,会根据表单名称自动生成;用于公共访问地址:/f/your‑slug |
| 显示标题 | 访客端表单顶部展示的标题 |
| 描述 | 表单上展示的副标题或补充说明,选填 |
| 提交按钮标签 | 提交按钮显示文字,默认为「提交」 |
| 感谢消息 | 表单提交成功后展示给访客的提示文本 |
| 重定向 URL | 如果填写该地址,提交成功后直接跳转到此链接,不再展示感谢消息 |
| 多步骤表单 | 将表单字段拆分为多个分页步骤 |
| 活跃 | 开关,启用或者停用该对外表单 |
#表单字段
单个表单可添加任意数量字段。GDPR同意复选框会自动追加在表单末尾,该字段无法删除。
#添加字段
在「表单字段」区域点击添加字段,配置以下参数:
| 设置项 | 说明 |
|---|---|
| 类型 | 输入组件类型 |
| 标签 | 访客页面展示的字段名称 |
| 占位符/提示 | 输入框内的提示文案 |
| 字段键 | 用于把表单值映射到线索属性,例如 email、first_name、phone |
| 步骤编号 | 多步骤表单使用,标记该字段归属第几步 |
| 必填 | 是否要求访客必须填写此字段才可提交 |
| 选项 | 仅下拉选择/多选框/单选框使用,每行填写一个选项 |
#支持字段类型
| 类型 | 说明 |
|---|---|
| text | 单行文本输入 |
| 邮箱地址输入框 | |
| phone | 电话号码输入框 |
| textarea | 多行大文本 |
| select | 下拉单选列表 |
| multi_checkbox | 多选复选框 |
| radio | 单选按钮 |
| date | 日期选择器 |
| number | 数字录入框 |
| hidden | 隐藏字段,支持通过URL参数预填充内容 |
#调整字段顺序
拖拽字段条目上下移动,即可调整表单内展示顺序。
#外观(选填)
| 设置项 | 说明 |
|---|---|
| 背景颜色 | 表单容器背景色 |
| 背景图片 URL | 背景图片网络地址 |
| Google 字体名称 | 表单使用字体,例如 Inter、Roboto |
| Logo URL | 表单顶部展示Logo图片地址 |
#流水线连接(选填)
设置表单提交生成的线索自动归入指定流水线阶段:
- 选择目标流水线。
- 选择该流水线下对应的阶段。
来自此表单的全部新线索,会直接处于该流水线阶段。
#垃圾提交防护
开启 reCAPTCHA v3 拦截机器人恶意提交:
- 打开「启用 reCAPTCHA v3」开关。
- 填入从Google reCAPTCHA控制台获取的站点密钥与密钥。
每个表单可以使用独立密钥,也可以全部表单共用同一套密钥。
#获取嵌入代码
保存表单之后:
- 进入表单列表页面。
- 点击表单行上的嵌入按钮。
- 复制HTML代码片段粘贴到你的网页。
独立公开表单访问地址格式:shturl.cc/hKC8zaVS1NPodf9EIcA‑slug
#多步骤表单用法
开启「多步骤表单」之后:
- 给每个字段分配对应的步骤编号(1、2、3……)。
- 编号1字段展示在第一页,编号2展示在第二页,以此类推。
- 步骤之间会出现「上一步 / 下一步」导航按钮。
- 提交按钮只会显示在最后一个分页。
#查看表单分析报表
进入 表单 → 对应表单 → 分析,或者点击表单列表行的图表图标,可以查看:
- 表单总浏览量
- 总提交次数
- 表单转化率(提交数 ÷ 浏览量)
- 随时间变化的提交数据分布