Appearance
启动器
访客在你网页上看到的咨询按钮。可以只是一个聊天按钮,也可以把电话、微信、常用链接一起摆出来。
六种样式
电脑上是这样:

- 经典圆形 —— 一个圆形聊天按钮。新建渠道默认就是它
- 文字胶囊 —— 按钮上带一句话,默认是「在线咨询」
- 多入口堆叠 —— 聊天按钮上方再叠几个圆形入口,比如电话、微信
- 白底竖条 —— 贴在页面右缘的一列入口,每个都带图标和文字
- 品牌满底竖条 —— 同样是竖条,整条铺满底色。默认是自带的绿色,可以换成你的品牌色
- 竖排侧边标签 —— 贴在页面右缘中部的一枚竖排标签,默认写「联系我们」
手机上第 1~3 种和第 6 种相同(竖排侧边标签小一号),第 4、5 种换成贴在屏幕底部的 白底底栏 和 品牌满底底栏:

电脑和手机各选各的,互不影响。
怎么选
- 只做在线咨询:用经典圆形、文字胶囊或竖排侧边标签。经典圆形占地最小;文字胶囊把「在线咨询」写在按钮上,访客不用猜这个按钮是做什么的;竖排侧边标签贴着页面边缘,不压在正文上,适合右下角已经有别的悬浮按钮的页面
- 还有电话、微信要给访客:用多入口堆叠,聊天之外再放两三个联系方式
- 想让领券、报价、案例这类入口常驻页面:用竖条(手机上是底栏),每个入口都带文字,访客扫一眼就知道点哪个
除了聊天,还能放哪些入口
选了多入口堆叠、竖条或底栏,配置页里会多出 入口内容 一栏。聊天 这一格每种样式都有,不能删,竖条和底栏上它默认写作「客服」。其余的从 添加入口 里挑:
| 入口 | 访客点了之后 |
|---|---|
| 电话 | 拨打你的电话;电脑上悬停显示号码 |
| 微信二维码 | 弹出你上传的二维码,扫码加微信 |
| 复制 | 把你指定的内容复制到访客手机或电脑上,比如微信号 |
| 链接 | 打开你指定的网页,领券、报价、案例都用它 |
| 邮箱 | 给你发邮件 |
| 回顶部 | 回到页面顶部 |
| 跳转到 QQ 发起会话 | |
| 海外渠道 | 跳转到 WhatsApp、Messenger、Telegram、LINE 或 Instagram,在对应平台和你对话 |
每个入口的按钮文字都能改,拖动可以调顺序。
跳转类入口的对话不进工作台
QQ、WhatsApp、Messenger、Telegram、LINE、Instagram 这几个入口只是把访客带到对方平台,对话在那边进行,不会进入合从工作台,客服要去对应平台回复。要在工作台统一接待,就让访客走 聊天 入口。
怎么配
在 设置 > 渠道管理 中选择渠道,左侧选择 启动器。

先在 电脑 / 手机 标签之间切到要配的那一端。点一下样式卡片就整套换掉,左右箭头能翻看全部六种。选好样式再按需调整:
- 按钮图标:经典圆形、文字胶囊和竖排侧边标签可以换图标
- 按钮位置、向上抬高、向内移动:放在哪一侧、离边缘多远。竖排侧边标签除了左右两侧的中部,也能放在左下角或右下角;竖条只放左右两侧的中部,没有 向上抬高;底栏固定通栏贴底,这三项都没有
- 按钮大小:小、标准、大三档
- 按钮主色:默认 跟随模板。品牌满底那两种用样式自带的绿色;其余样式和聊天窗口的主题色一致,聊天窗口换了颜色,按钮也跟着变。要单独指定就在这里选。白底竖条和白底底栏的配色由样式定好,没有这一项
- 按钮动效:只有经典圆形、文字胶囊、竖排侧边标签有这一项,可选 9 种,竖排侧边标签可选 6 种。只有文字胶囊默认带动效,其余样式默认不动,想加就挑一种,也可以关掉
- 是否 允许访客拖动按钮,见下一节
右侧实时预览会跟着变。改完点页面底部的 保存,访客刷新页面就能看到新按钮,不需要重新装代码。
让访客自己拖开按钮
打开 允许访客拖动按钮 之后,访客按住按钮就能把它挪到不碍事的地方。
- 只有单个按钮的样式能拖:经典圆形、文字胶囊、竖排侧边标签。多入口堆叠、竖条和底栏没有这个开关
- 默认是关的,电脑和手机分开设置
- 访客拖到哪,这个位置就记在他自己的浏览器里,下次打开你的网站,按钮还在那儿;换了浏览器或清了浏览器数据,回到你配置的位置
- 竖排侧边标签横着拖得不远时,松手会自动吸回原来贴边的位置
用你网站上自己的按钮
按钮来源 选 使用自有按钮,合从的按钮就不在网页上显示了,访客改为点你网站上自己的按钮打开聊天窗口。这一步需要技术人员在网站上对接,做法见打开与关闭聊天窗口。
已经配好的样式和摆放会保留,切回 合从聊天按钮 立刻恢复。
常见问题
按钮被网页上的其他元素挡住了
这是什么:网页上有固定在底部的横栏、悬浮客服工具或者返回顶部按钮,和聊天按钮抢同一块位置。
解决:用 向上抬高 和 向内移动 把按钮挪开。挪不开就换到另一侧,或者换成贴边的竖排侧边标签;也可以打开 允许访客拖动按钮,让访客自己拖开。
手机上按钮太大,挡住了内容
这是什么:手机那套还是默认尺寸,放在你的页面上显得偏大。
解决:切到 手机 标签,把按钮大小调小,再用 向上抬高 抬开底部操作区。
换成自有按钮后,网站上什么都没有了
这是什么:选了自有按钮后,合从的按钮就不再显示,而你自己的按钮还没接上打开聊天窗口的代码。
解决:把打开与关闭聊天窗口转给技术人员对接。急着恢复的话,把按钮来源切回 合从聊天按钮,配置都还在。