TapCub 正式上线:统计、分析、客服一个平台免费用
帮助中心

怎么用自己的按钮打开客服窗口?

三个方法、一段可以直接复制的按钮代码,以及方法有时不存在的原因。

在线客服1 分钟阅读最后更新 2026 年 10 月 28 日TapCub 团队所属指南: 打开客服挂件

简短回答

在按钮里调用 tapcub.chat.open()。它在气泡加载完之后才有,所以先判断一下是否存在。

一个打开客服的按钮

气泡挂到页面上之后,启动器会在 window.tapcub.chat 上提供三个方法:open()、close()、toggle()。

index.html
<button type="button" onclick="window.tapcub && tapcub.chat ? tapcub.chat.open() : location.href = 'https://chat.askcub.com/YOUR_SITE_KEY'">
  联系客服
</button>

气泡不可用时,后半段会打开独立聊天页,按钮点了总有反应。

tapcub.chat 不存在的情况

  • 客服没开,或页面带了 data-chat="false"。
  • 开了移动端隐藏气泡,访客用的是手机或窄窗口。
  • 启动器还没加载完。它在第一次页面浏览之后才加载,页面刚打开那一下就点,可能太早。

这篇回答解决你的问题了吗?

我们会根据反馈修改和补充这篇内容。

看清数据,找到增长。

每一次点击,都有数据依据。装好一行代码,1 分钟看到第一批数据。

无需信用卡 · 统计与客服都有免费版 · 统计无 Cookie