表单构建器
什么是 LeadHub 表单？
LeadHub 内置了表单构建器，让您可以创建联系表单并将其嵌入您的网站。当有人填写表单时，LeadHub 会自动创建潜在客户记录——无需复制粘贴，无需下载 CSV，无需手动输入。
您可以使用 LeadHub 表单替代（或配合）Typeform 或 JotForm 等工具。
创建表单
- 在左侧侧边栏前往 线索 > 表单。
- 点击 新建表单。
- 填写 基本详情 部分：
- 表单名称 — 仅您团队可见的内部名称。
- Slug — 公开 URL 中 使用的短名称，自动从表单名称填充。
- 显示标题 — 访客在表单顶部看到的标题。
- 描述 — 可选。标题下方显示的简短文字。
- 提交按钮标签 — 提交按钮的文字，默认为"提交"。
- 感谢消息 — 表单成功提交后向访客显示的消息。
- 重定向 URL — 可选。提交后将访客重定向到该页面。
- 多步骤表单 — 开启后可将表单拆分为编号步骤。
- 启用 — 开启后表单接受提交。
添加字段
滚动到 表单字段 部分，点击 添加字段。
| 类型 | 外观 |
|---|---|
| 短文本 | 单行文本框 |
| 长文本 | 多行文本框 |
| 电子邮件 | 邮件地址字段（验证格式） |
| 电话 | 电话号码字段 |
| 数字 | 仅数字输入 |
| 下拉菜单 | 您定义选项的下拉选择 |
| 复选框 | 单个勾选框（是/否） |
| 多选框 | 多个勾选框供访客多选 |
| 单选按钮 | 多个选项只能选一个 |
| 文件上传 | 允许访客上传文件 |
| 日期选择器 | 日历日期选择器 |
| 隐藏字段 | 访客不可见——用于自动传递固定值 |
| GDPR 同意 | 数据保护合规同意复选框 |
| 分区线 | 用于分隔字段组的视觉线条 |
- 标签 — 字段上方显示的问题或标签。
- 占位符/提示 — 字段内显示的可选灰色提示文字。
- 字段键 — 将此字段映射到潜在客户属性（
first_name、last_name、email、phone、company）。 - 必填 — 开启后该字段为必填项。
- 步骤编号 — 多步骤表单中为每个字段分配步骤编号。
GDPR 同意字段是特殊的锁定字段，添加后无法删除或编辑。
表单样式
点击 外观 部分：
- 背景颜色 — 表单的背景颜色。
- 背景图片 URL — 可选的背景图片 URL。
- Google 字体名称 — 例如
Inter或Roboto。 - Logo URL — 将显示在表单顶部。
连接到流水线
点击 流水线连接 部分，选择提交内容应进入的流水线和阶段。
垃圾邮件防护
开启 启用 reCAPTCHA v3，并 输入来自您 Google reCAPTCHA 账户的 reCAPTCHA 网站密钥 和 reCAPTCHA 密钥。
reCAPTCHA v3 在后台静默运行——访客无需点击任何框。
在网站上嵌入表单
选项 1 — 直接链接（公开 URL）
https://yourdomain.com/{your-account-slug}/forms/{form-slug}
选项 2 — iframe 嵌入
<iframe
src="https://yourdomain.com/{account-slug}/forms/{form-slug}"
width="100%"
height="600"
frameborder="0">
</iframe>
选项 3 — JavaScript 代码片段
<script src="https://yourdomain.com/widget.js" data-form-id="YOUR_FORM_ID" defer></script>
表单提交到线索创建流程
- 访客填写表单并点击提交。
- LeadHub 验证字段（必填项、邮件格式、reCAPTCHA 如已启用）。
- LeadHub 使用所有提交的字段值创建新的线索记录。
- 线索被放置到为表单配置的流水线和阶段中。
- 线索来源记录为"LeadHub Web Form"。
- 触发条件为"表单已提交"或"收到新线索"的自动化立即触发。
- 访客看到感谢消息（或被重定向）。
表单分析
- 浏览量 — 表单页面被加载的次数
- 提交次数 — 表单成功提交的次数
- 转化率 — 导致提交的浏览量百分比
线索捕获小部件
线索捕获小部件是网站角落的悬浮按钮。访客点击后弹出一个小型联系表单。
创建小部件
- 前往 工具 > 线索小部件。
- 点击 新建线索捕获小部件。
- 填写 名称、标题、副标题、按钮文字 和 成功消息。
自定义外观
- 主色调、文字颜色、位置（右下、左下、右上、左上）。
选择显示的字段
开启可选字段：电话、公司、消息。姓名和电子邮件始终显示且为必填项。
连接到流水线
在 线索路由 部分选择流水线和阶段。
嵌入小部件
<script src="https://yourdomain.com/widget/{widget-uuid}/loader.js" async></script>
将此代码片段粘贴到 每个希望显示小部件的页面的 </body> 标签前。
跟踪
打开小部件详情视图查看 已捕获线索 数量。