Skip to main content
  • 表单
  • 表单构建器

表单构建器

#创建新表单

  1. 侧边栏进入 表单。
  2. 点击 新建表单。
  3. 填写表单基础详情。
  4. 在表单字段板块添加采集字段。
  5. 按需配置外观样式、流水线关联、垃圾提交防护。
  6. 点击 保存。

#基础详情配置

字段 说明
表单名称 后台管理面板使用的内部名称
别名 URL友好标识符,会根据表单名称自动生成;用于公共访问地址:/f/your‑slug
显示标题 访客端表单顶部展示的标题
描述 表单上展示的副标题或补充说明,选填
提交按钮标签 提交按钮显示文字,默认为「提交」
感谢消息 表单提交成功后展示给访客的提示文本
重定向 URL 如果填写该地址,提交成功后直接跳转到此链接,不再展示感谢消息
多步骤表单 将表单字段拆分为多个分页步骤
活跃 开关,启用或者停用该对外表单

#表单字段

单个表单可添加任意数量字段。GDPR同意复选框会自动追加在表单末尾,该字段无法删除。

#添加字段

在「表单字段」区域点击添加字段,配置以下参数:

设置项 说明
类型 输入组件类型
标签 访客页面展示的字段名称
占位符/提示 输入框内的提示文案
字段键 用于把表单值映射到线索属性,例如 email、first_name、phone
步骤编号 多步骤表单使用,标记该字段归属第几步
必填 是否要求访客必须填写此字段才可提交
选项 仅下拉选择/多选框/单选框使用,每行填写一个选项

#支持字段类型

类型 说明
text 单行文本输入
email 邮箱地址输入框
phone 电话号码输入框
textarea 多行大文本
select 下拉单选列表
multi_checkbox 多选复选框
radio 单选按钮
date 日期选择器
number 数字录入框
hidden 隐藏字段,支持通过URL参数预填充内容

#调整字段顺序

拖拽字段条目上下移动,即可调整表单内展示顺序。

#外观(选填)

设置项 说明
背景颜色 表单容器背景色
背景图片 URL 背景图片网络地址
Google 字体名称 表单使用字体,例如 Inter、Roboto
Logo URL 表单顶部展示Logo图片地址

#流水线连接(选填)

设置表单提交生成的线索自动归入指定流水线阶段:

  1. 选择目标流水线。
  2. 选择该流水线下对应的阶段。

来自此表单的全部新线索,会直接处于该流水线阶段。

#垃圾提交防护

开启 reCAPTCHA v3 拦截机器人恶意提交:

  1. 打开「启用 reCAPTCHA v3」开关。
  2. 填入从Google reCAPTCHA控制台获取的站点密钥与密钥。

每个表单可以使用独立密钥,也可以全部表单共用同一套密钥。

#获取嵌入代码

保存表单之后:

  1. 进入表单列表页面。
  2. 点击表单行上的嵌入按钮。
  3. 复制HTML代码片段粘贴到你的网页。

独立公开表单访问地址格式:shturl.cc/hKC8zaVS1NPodf9EIcA‑slug

#多步骤表单用法

开启「多步骤表单」之后:

  • 给每个字段分配对应的步骤编号(1、2、3……)。
  • 编号1字段展示在第一页,编号2展示在第二页,以此类推。
  • 步骤之间会出现「上一步 / 下一步」导航按钮。
  • 提交按钮只会显示在最后一个分页。

#查看表单分析报表

进入 表单 → 对应表单 → 分析,或者点击表单列表行的图表图标,可以查看:

  • 表单总浏览量
  • 总提交次数
  • 表单转化率(提交数 ÷ 浏览量)
  • 随时间变化的提交数据分布