潜在客户捕获小部件
这是什么
潜在客户捕获小部件是一个出现在任意网站上的小型浮动按钮。当访客点击它时，会弹出一个表单，询问其姓名、电子邮件、电话号码和留言。表单提交后，LeadHub 会自动创建一个新线索——您设置的所有自动化流程会立即触发。
除了添加一行 JavaScript 之外，您无需修改网站代码。
创建小部件
在侧边栏进入工具 → 线索小部件（可能显示在名为"工具"的导航分组下）。
- 点击新建潜在客户捕获小部件。
- 填写配置（见下文）。
- 点击保存。
- 在刚创建的小部件上点击获取嵌入代码。
- 复制 JavaScript 代码片段并将其添加到您的网站。
配置选项
小部件标识
| 字段 | 作用 |
|---|---|
| 名称 | 内部标签——仅团队可 见，网站访客不可见 |
| 标题 | 弹出表单内显示的主标题（如"联系我们"） |
| 副标题 | 标题下方可选的小字文本 |
| 按钮文本 | 提交按钮上的文字（如"发送消息"） |
| 成功消息 | 访客提交表单后看到的内容（如"谢谢！我们稍后会联系您。"） |
外观
| 字段 | 作用 |
|---|---|
| 主色 | 浮动按钮和提交按钮的颜色 |
| 文字颜色 | 按钮上的文字颜色（通常为白色） |
| 位置 | 按钮在屏幕上的显示位置——右下、左下、右上或左上 |
表单字段
| 开关 | 作用 |
|---|---|
| 显示电话字段 | 在表单中显示电话号码输入框 |
| 电话必填 | 使电话字段成为必填项 |
| 显示公司字段 | 显示公司名称输入框 |
| 显示消息字段 | 显示消息文本区域 |
| 消息必填 | 使消息字段成为必填项 |
姓名和电子邮件始终显示且始终为必填项。
线索路由
您可以将通过此小部件提交的线索自动路由到特定的管道和阶段：
- 将线索路由到管道 — 选择新线索落入哪个管道
- 初始阶段 — 选择线索在该管道中的起始阶段
如果留空，线索将在不分配管道的情况下创建。
启用/停用
小部件已启用开关允许您打开或关闭小部件而不删除它。停用时，使用嵌入代码的网站上不会显示浮动按钮。
获取嵌入代码
保存小部件后，在列表中找到它并点击获取嵌入代码。
您将看到如下代码片段：
<script src="https://yourdomain.com/widget/abc123-uuid/loader.js" async></script>
复制整行代码，这就是您需要添加到网站的全部内容。
将小部件添加到您的网站
WordPress
- 安装"Header Footer Code Manager"或"Insert Headers and Footers"等插件——在 WordPress 插件目录中搜索即可。
- 将 script 标签粘贴到"Footer"区域。
- 保存并访问您的网站——浮动按钮出现。
或者，如果您的 WordPress 主题在页脚小部件中有"自定义 HTML"区域，将脚本粘贴在那里。
Shopify
- 在 Shopify 管理后台，进入在线商店 → 主题。
- 在活跃主题上点击编辑代码。
- 打开
theme.liquid文件。 - 将 script 标签粘贴在
</body>标签之前。 - 点击保存。
Wix
- 在 Wix 编辑器中，点击 + 按钮添加元素。
- 选择嵌入 → 自定义代码。
- 将 script 标签粘贴到代码框中。
- 将其设置为在 Body 部分加载。
- 应用并发布。
Squarespace
- 进入设置 → 高级 → 代码注入。
- 将 script 标签粘贴到 Footer 框中。
- 保存。小部件将出现在所有页面上。
自定义 HTML 网站
在 HTML 文件的关闭标签 </body> 之前的任意位置粘贴 script 标签：
<script src="https://yourdomain.com/widget/abc123/loader.js" async></script>
</body>
提交流程
- 访客进入您的网站，看到浮动按钮。
- 点击按钮，填写信息，然后点击提交。
- LeadHub 即时接收提交数据。
- 在您的工作区中以访客信息创建新线索。
- 所有在"收到新线索"时触发的自动化流程立即启动。
- 访客看到您的成 功消息。
一切实时发生，无需手动检查——新线索自动出现在您的线索列表中。
小部件分析
在线索小部件列表页面，每个小部件显示：
- 已捕获线索数 — 通过此小部件提交的线索总数
让您一目了然地了解哪些小部件表现良好，哪些没有。
自定义小部件外观
所有外观设置都在小部件配置表单中。您可以更改：
- 颜色以匹配您网站的品牌
- 按钮位置，避免与网站现有的聊天或 Cookie 按钮重叠
- 标题和副标题以匹配网站风格
您可以创建具有不同配置的多个小部件——例如，主页上用"获取免费报价"，博客上用"订阅更新"。
安全性
CORS（跨域资源共享）
默认情况下，小部件可接受来自任意网站的提交。如果您希望限制特定小部件只接受某些域名的提交，在小部件配置中设置允许的域名字段。输入您的域名（如 acmecorp.com），则只接受来自该域名的提交。
速率限制
LeadHub 自动限制单个访客在短时间内的提交次数，防止自动化机器人用垃圾数据刷爆您的线索列表。