线索捕获组件
线索捕获组件允许您在任何外部网站上嵌入浮动弹窗或内嵌表单。访客可以直接提交详情而无需离开页面。
什么是捕获组件？
捕获组件是您添加到网站的小型 JavaScript 代码片段。它呈现为：
- 浮动按钮（例如右下角），点击后打开表单弹窗，或
- 直接放置在页面元素内的内嵌嵌入
当访客提交组件表单时，LeadHub 工作区中会创建一条线索。
创建捕获组件
- 在侧边栏中前往表单 → 线索捕获组件。
- 点击新建捕获组件。
- 配置：
| 字段 | 说明 |
|---|---|
| 名称 | 此组件的内部名称 |
| 表单 | 选择要在组件中显示的 LeadHub 表单 |
| 触发类型 | 按钮（浮动按钮）或内嵌（嵌入容器中） |
| 按钮标签 | 浮动按钮上的文字（例如"联系我们"） |
| 按钮颜色 | 按钮的背景颜色 |
| 位置 | 浮动按钮出现的位置：右下、左下等 |
| 活跃 | 启用或禁用组件 |
- 点击保存。
获取嵌入代码
保存组件后：
- 点击组件行上的获取代码（或代码图标）。
- 复制 JavaScript 代码片段。
- 将其粘贴到网站
</body>结束标签之前。
内嵌组件
要将组件内嵌（在特定 div 内）：
- 将触发类型设置为
内嵌。 - 在页面中添加带有组件数据属性的容器元素：
<div data-leadhub-widget="your-widget-id"></div> - 将 JavaScript 代码片段粘贴到页面任意位置（
</body>之前）。
工作原理
- JS 代码片段异步加载——不会减慢您的页面速度。
- 当访客点击按钮（或内嵌页面加载时），表单被渲染。
- 提交时，数据发送到您的 LeadHub 安装，并创建线索记录。
- 表单显示配置的感谢消息。
多个组件
您可以拥有多个组件——每个网站、产品或使用场景一个。每个组件指向特定的表单。这样您可以通过表单关联追踪哪个网站或页面产生了每条线索。
提示
- 在主网站上使用浮动按钮组件处理一般询问。
- 在落地页上使用内嵌组件进行定向营销活动。
- 与"表单已提交"自动化触发器结合使用，立即分配和跟进。