线索组件
工具 → 线索组件在您的网站上创建一个浮动或嵌入式组件,访客可以点击提交联系方式——直接作为线索捕获到 LeadHub。
该组件与表单嵌入不同:它显示为一个浮动按钮(聊天气泡、"联系我们"按钮),点击后在滑入面板中打开表单,无需专门的表单页面。
创建线索组件
- 前往 工具 → 线索组件。
- 点击新建组件。
- 配置组件:
基础设置
| 字段 | 描述 |
|---|---|
| 名称 | 内部标签 |
| 表单 | 打开组件时显示哪个 LeadHub 表单 |
| 按钮文字 | 浮动按钮上的文字(例如"获取报价"、"联系我们") |
| 按钮位置 | 页面的左下角或右下角 |
| 主色 | 按钮和组件强调色 |
| 欢迎消息 | 显示在打开的组件面板顶部的可选标题 |
行为设置
| 字段 | 描述 |
|---|---|
| 自动打开延迟 | 组件自动打开前的秒数(0 = 仅手动) |
| 在移动端显示 | 切换以在移动设备上显示/隐藏 |
| 允许的域名 | 此组件允许加载的域名 |
- 点击保存——系统生成 JavaScript 嵌入代码。
安装组件
复制嵌入代码并在您网站的 </body> 标签前粘贴:
<script>
window.LeadHubWidget = { token: 'YOUR_WIDGET_TOKEN' };
</script>
<script async src="https://yourdomain.com/widget.js"></script>
浮动按钮将出现在加载了该脚本的所有页面上。
访客的使用体验
- 访客在页面上看到浮动按钮。
- 他们点击它——一个带有您表单的滑入面板打开。
- 他们填写表单并提交。
- LeadHub 立即创建一条新线索。
- 任何触发条件为表单已提交的自动化执行。
- 访客看到感谢消息。
多个组件
您可以为不同页面或活动创建不同的组件:
- 定价页面上的"预约演示"组件
- 帮助页面上的"获取支持"组件
- 博客文章上的"下载指南"组件
每个组件可以指向不同的 LeadHub 表单,使用不同的颜色,并有不同的按钮文字。