线索捕获组件
线索捕获组件可以在外部网站嵌入浮动弹窗表单或者内嵌表单。访客不用离开当前页面就可以提交信息，提交后会在你的工作区自动生成线索。
#什么是捕获组件？
捕获组件是一段部署到网站的JavaScript代码片段，支持两种展示形态：
- 浮动按钮：例如页面右下角悬浮按钮，点击唤起表单弹窗
- 内嵌嵌入：直接渲染在网页指定容器内部
访客通过组件提交表单，系统会自动生成线索档案。
#创建捕获组件
- 侧边栏进入 表单 → 线索捕获组件。
- 点击 新建捕获组件。
- 填写组件配置：
| 字段 | 说明 |
|---|---|
| 名称 | 组件后台内部识别名称 |
| 表单 | 选择组件内要展示的表单 |
| 触发类型 | 按钮浮动弹窗模式 / 内嵌页面嵌入模式 |
| 按钮标签 | 浮动按钮上显示文字，例如「联系我们」 |
| 按钮颜色 | 浮动按钮背景颜色 |
| 位置 | 浮动按钮摆放位置：右下、左下等 |
| 活跃 | 启用或者停用该组件 |
- 点击保存。
#获取嵌入代码
组件保存完成：
- 在组件列表点击 获取代码（代码图标按钮）。
- 复制JavaScript代码片段。
- 将代码粘贴到网站页面
</body>闭合标签之前。
#内嵌组件部署
如果需要把表单直接嵌入网页的指定容器内：
- 将触发类型设置为
内嵌。 - 在网页源码添加容器标签，填入你的组件ID：
<div data‑hukeyu‑widget="your‑widget‑id"></div>
- 将JS代码片段粘贴到页面
</body>标签之前任意位置。
#组件运行原理
- JS脚本异步加载，不会拖慢网站页面加载速度。
- 访客点击浮动按钮（内嵌模式页面加载完成），渲染采集表单。
- 用户提交表单，数据回传到互客鱼平台，生成线索记录。
- 页面展示表单预设的提交成功感谢提示。
#使用多个捕获组件
支持创建多个捕获组件，不同站点、营销场景可以分别配置，每个组件绑定一张表单。可以依靠绑定的表单，区分统计不同网站、不同页面带来的线索来源。
#使用提示
- 官网主站使用浮动按钮组件，用于接收普通咨询。
- 营销落地页优先使用内嵌组件，适配定向推广活动。
- 搭配「表单已提交」自动化触发器，实现线索收到后自动分配、自动跟进。