线索组件
进入 工具 → 线索组件,可生成网站浮动/嵌入式线索采集组件。区别于普通表单iframe嵌入,表现为页面浮动按钮,点击弹出滑入式表单面板,无需独立表单页面,访客提交信息直接在LeadHub生成线索。
#创建线索组件
- 进入 工具 → 线索组件。
- 点击新建组件。
- 完成配置,分为基础设置、行为设置。
#基础设置
| 字段 | 描述 |
|---|---|
| 名称 | 后台内部标识 |
| 表单 | 组件弹窗内加载的LeadHub表单 |
| 按钮文字 | 浮动按钮展示文字,例:获取报价、联系我们 |
| 按钮位置 | 页面左下角 / 右下角 |
| 主色 | 按钮、组件高亮强调颜色 |
| 欢迎消息 | 滑入面板顶部可选标题文本 |
#行为设置
| 字段 | 描述 |
|---|---|
| 自动打开延迟 | 页面加载后自动弹出面板等待秒数;0代表仅支持手动点击打开 |
| 在移动端显示 | 控制移动端是否展示该组件 |
| 允许的域名 | 限定允许加载本组件的域名白名单 |
- 保存,系统生成JS嵌入代码片段。
#组件代码安装
复制生成的脚本,粘贴到网站页面 </body> 标签之前。部署完成后页面就会渲染浮动按钮。
#访客完整交互流程
- 访客浏览网页,看到页面浮动按钮。
- 点击按钮,滑入面板弹出表单。
- 访客填写并提交表单。
- LeadHub自动创建新线索记录。
- 触发器条件为表单已提交的自动化流程自动执行。
- 页面展示提交成功感谢提示。
#多组件使用
支持创建多个独立线索组件适配不同页面、营销活动:
- 定价页:预约演示组件
- 帮助页面:获取支持组件
- 博客文章:资料下载组件
每个组件可绑定不同表单,自定义按钮文案、配色。
#相关链接
- 表单构建器:制作组件所使用的采集表单
- 表单概述:查看iframe、普通内联表单的嵌入方式