网站聊天窗
一行代码,
网站就有了会说话的客服。
一个长得像你品牌的聊天窗:用访客的语言打招呼,常见问题 Cubby 先答,剩下的交给你的团队。轻到没人会注意到它在加载。
- 不需要开发
- 任何 HTML 网站都能用
- 自带深色模式
约 6 KB
启动器体积,按需加载
6
种消息类型,双向可发
18
种语言的翻译
2
套欢迎语:在线 / 离线
为什么选它
长得像你,待客像一位好主人
多数聊天窗只是一个彩色按钮。这个知道你的营业时间、你的常见问题,以及访客说什么语言——在任何人打字之前。
你的品牌,不是我们的
颜色、Logo、名字、副标题、位置都由你定;深色模式跟随访客系统。Pro 起可以去掉「由 AskCub 提供」角标。
颜色Logo位置深色模式
温和,不打扰
欢迎语以一个小小的预览气泡出现在启动器旁边,不是全屏弹窗。访客关掉之后,这次访问不会再弹。
预览气泡可关闭手机端显隐
哪里都能用
手机、平板、电脑、所有现代浏览器。小屏上聊天窗自动全高;也可以在手机端直接隐藏启动器。
自适应键盘可用任何 HTML 网站
01外观
让它看起来像你自己做的
访客能看到的每一处都在后台改,不写 CSS、不重新部署,下一次页面加载就生效。
- 主色与位置(右下角或左下角)
- 页头里的 Logo、品牌名和一句副标题
- 深色模式:跟随系统、始终浅色或始终深色
- 手机端显示或隐藏启动器;提示音开关
- 界面语言:跟随浏览器、中文或英文
- 聊天窗菜单里可链到你自己的隐私说明
主色
Logo 与头像
左下 / 右下
深色模式
手机端显隐
Pro 起去角标
聊天窗外观已保存
启动器
主色
位置右下角左下角
手机端显示
提示音
页头
品牌名BloomWear
副标题通常几分钟内回复
客服名字Cubby
深色模式跟随系统浅色深色
界面语言自动中文EN
品牌标识
「由 AskCub 提供」角标Pro 起可关闭
03工作时间
上班时在线,下班后也有用
按你的时区设每周工作时间。时间内聊天窗显示在线;时间外 Cubby 继续回答能答的,其余的收集成留言。
- 选工作日和每天的时段,按你自己的时区
- 离线留言表单:姓名、邮箱、留言进收件箱,作为线索
- 开了 AI 客服的话,下班后 Cubby 仍回答常见问题
- 每条离线留言都能通过邮件、企业微信、钉钉、飞书或 Webhook 通知到你
- 1设置时段和时区
- 2写好离线欢迎语和表单引导语
- 3选谁接收离线留言通知
工作时间Asia/Shanghai
周一09:00–18:00
周二09:00–18:00
周三09:00–18:00
周四09:00–18:00
周五09:00–16:00
周六休息
周日休息
时间之外Cubby 从知识库回答,其余问题引导访客留言。
Cubby离线 · 09:00 回来
Cubby · AI我们的团队现在不在线。常见问题我还能回答;其他的留个言,明早会有同事回复你。
姓名
熊猫妈妈
邮箱
panda@example.com
留言
有适合 7 岁孩子的周末编程课吗?方便的话回个电话。
由 AskCub 提供
04置顶常见问题
大家都在问的问题,点一下就有答案
把最常见的问题置顶到聊天窗里。访客点一下立刻看到答案——不用打字,也不消耗 AI 次数。
- 可以放在欢迎页、输入框上方,或两处都放
- 显示 3–8 条,手动排序或按点击量排,可带搜索框
- 答案来自 Cubby 用的同一个知识库,点一下不计 AI 次数
- 每种语言一套列表;每条答案下有「有帮助吗」反馈
- 一分钟没人回复时,自动推荐相关问题
3
Free 可置顶条数
5
Pro 可置顶条数
Cubby在线 · AI 客服
Cubby · AI你好!点下面的问题,或者直接输入。
我的订单到哪了?退换货政策是什么?能发到德国吗?怎么改尺码?
Cubby · AI可以!发往德国的订单从欧洲仓发出,2–4 个工作日送达,满 49 欧免运费。来自: 配送政策
输入消息…
由 AskCub 提供
05消息类型
6 种表达方式
文字并不总是够用。访客发一张坏掉零件的照片、在车上发一段语音、发一份发票 PDF——你的团队也能用同样的方式回。
- 文字、图片、音频、视频、文件、语音,双向都能发
- 访客端和坐席端分别设置允许发送的类型
- 语音单条最长 120 秒;附件最大 50 MB,各类型上限由你定
- 表情选择器和贴纸库,让对话多一点温度
- 可执行文件永久禁止;图片自动去掉位置信息
文字
图片
音频
视频
文件
语音
Cubby在线
水槽下面一直滴水,能来看看吗?
小安看到了,是接头老化。这是替换件的样子和我们的上门价目表。
callout-prices.pdfPDF
语音 · 0:08
0:08
小安明天 10–12 点可以 👍 到时见!
输入消息…
由 AskCub 提供
06细节
已读回执、撤回、链接预览
让聊天显得可靠的那些小细节:知道消息什么时候被看到,能收回打错的字,链接在点开前就知道是什么。
- 双方都有已读回执(每一端都可以单独关)
- 默认 3 分钟内可撤回;有权限的话可以删除
- 引用回复某一条消息;链接自动带标题和域名预览
- 访客可以清除自己的聊天记录,或选择记住 30 天
- 24 小时内再回来,还是同一条会话
09:41 已读 · 显示在你最后一条被读的消息下面
撤回 · 3 分钟内,两边的气泡都变成「消息已撤回」
引用回复 · 在一长串消息里精确回应某一条
Hanaseasidehotel.example
小安接送预订页在这里:机场接送 — Seaside Hotelseasidehotel.example
小安消息已撤回09:40 撤回
小安预订时告诉我们航班到达时间,司机会在到达大厅等您。09:41 已读
太好了,这就订。ありがとう!
/输入消息…
07性能
轻到没人会注意到
启动器 gzip 后约 6 KB,聊天窗本体只在有人打开时才加载。不依赖 jQuery、不带框架、不加载自己的字体。
- 约 6 KB 启动器,
defer在你的内容之后加载 - 聊天窗、表情、贴纸在第一次打开时才加载
- 没有第三方 Cookie;每位访客只有一个本地存储令牌
- 全球 CDN 分发,长缓存
约 6 KB
启动器(gzip)
0
阻塞渲染的请求
什么时候加载什么典型页面
你的页面—
启动器约 6 KB
聊天窗打开时
表情与贴纸按需
条形仅为示意;启动器从不阻塞你的页面渲染。
示例数据设置一览
能改什么,在哪里改
全部在后台「客服 → 设置」里,之后不用再碰代码。
| 设置项 | 选项 | 说明 |
|---|---|---|
| 颜色 | 任意颜色 | 用于启动器、页头和发送按钮 |
| 位置 | 右下角 · 左下角 | 启动器和窗口一起移动 |
| 页头 | Logo · 品牌名 · 副标题 · 客服名字 | 客服名字也是 Cubby 的名字 |
| 深色模式 | 跟随系统 · 浅色 · 深色 | 按 prefers-color-scheme |
| 手机端 | 显示 · 隐藏启动器 | 隐藏时聊天链接照常可用 |
| 界面语言 | 自动 · 中文 · 英文 | 访客内容的翻译另有 18 种语言 |
| 提示音与通知 | 开 · 关 | 访客桌面通知需访客本人同意 |
| 欢迎语 | 在线 · 离线 · 预览延迟 | 开了翻译自动翻译 |
| 工作时间 | 工作日 · 每日时段 · 时区 | 决定在线 / 离线状态 |
| 离线留言 | 姓名 · 邮箱 · 留言 | 进收件箱并通知 |
| 置顶常见问题 | Free 3 条 · Pro 5 条 | 显示 3–8 条 · 按语言 |
| 附件 | 图片 5 · 音频 10 · 视频 50 · 文件 20 MB | 默认值;最高可调到 50 MB |
| 已读回执与撤回 | 每端可开关 · 3 分钟窗口 | 窗口可调 |
| 域名白名单 | 只允许你的域名 | 其他地方加载不生效 |
| 角标 | 显示 · 隐藏 | Pro 起可隐藏 |
适用套餐FreeProVIP 1VIP 2企业版
实际用起来
照片、语音、约好看房,都在聊天窗里完成
两段日常对话——只因为聊天窗不只能发文字,它们才成立。
Nutty聊天链接
来自聊天链接图片消息
从 Instagram 主页的聊天链接进来
水槽下面一直滴水,能来看看吗?
小安看到了,是接头老化。明天上午 10–12 点有空档,地址发我一下?
橡树街 12 号,明天见!
/输入消息…
Roryhomely.example
语音消息文件
语音 · 0:08
0:08
小安这套还在,周三下午和周六上午都能看,方便哪天?
小安先发你户型图。
floorplan-2B.pdfPDF
周六吧,谢谢!
/输入消息…
常见问题
关于聊天窗
会拖慢我的网站吗?
不会。启动器 gzip 后约 6 KB,用
defer 在你自己的内容之后加载;聊天窗本体只在访客打开时才加载。能在多个网站上用吗?
后台里每个网站是一个独立站点,有自己的 site key、设置和知识库,团队在同一个工作区里切换。
支持 WordPress、Shopify、Webflow、Wix 吗?
支持——任何能粘贴一行 HTML 的地方都行。各平台的具体步骤见集成页。如果你的平台不允许加自定义代码,用聊天链接。
能去掉「由 AskCub 提供」吗?
可以,Pro 起。在「外观」里关掉开关,下一次页面加载就没有了。
我们不在线时收到的消息怎么办?
Cubby 先从知识库回答能答的。其余的通过离线表单进你的收件箱,同时发邮件(或企业微信 / 钉钉 / 飞书 / Webhook)通知你。
访客能删除自己的聊天记录吗?
能。聊天窗菜单里有「清除记录」。访客也可以自己选择浏览器要不要记住他。