适配 SHOPXO 6.9.2 · RONGYAN.CC · 自研插件

把专业在线客服系统
无缝装进你的 ShopXO 商城

实时会话、表情 / 图片 / 视频 / 文件、商品卡片一键推送、消息撤回、自定义访客备注名——零核心代码改动,一个 zip 导入即用,替代官方 ¥1600 元的付费客服应用。

访客端悬浮窗 + 后台客服工作台 PC / 移动端自适应 纯插件体系,升级不冲突
在线客服—
客
您好,欢迎光临!有什么可以帮您?😊
我
这件商品有现货吗?
我
商城链接 https://shop.example.com/goods-194.html
客
👕
纯棉圆领T恤 男款
¥79.00
白色 / L · 查看商品 >
我
PDF
产品说明书.pdf
2.4 MB
请输入消息,回车发送…发送
客服工作台
张三-咨询售后 H5 · 进行中
李四-大客户
游客8821
王五
多久发货?
当天 16 点前下单当日发
好的,谢谢!
回复
¥399替代官方 ¥1600 元的付费应用
3 秒消息实时轮询推送
20 MB单文件大小上限
60 秒消息撤回时限
0 处核心代码改动
FEATURES

一个客服系统该有的,全都在

从实时会话到富媒体消息,从商品推送到客户备忘——按真实商城客服场景打磨每一个细节。

实时会话 3s 轮询

访客进店自动建档,消息按 ID 游标增量拉取,未读角标、标题闪烁、新消息提示一应俱全;架构上预留 SSE / Workerman 升级位。

游客自动识别登录用户关联

表情 / 图片 / 截图粘贴

微信同款表情面板;图片支持上传与截图直接粘贴,发送前确认防误触;图片点击在窗口内浮动看大图。

Ctrl+V 粘贴≤10MB

视频 / 文件发送 白名单

视频在会话中直接播放;Office / WPS / PDF / TXT / ZIP / RAR 以文件卡片发送,点击即开。危险格式一律拒绝。

≤20MB类型白名单

商品卡片一键推送

客服按关键词搜索商品,或直接粘贴商品链接 / 输入 ID 发送;访客在商品页打开会话时自动带上当前商品上下文。

搜索 / 链接 / ID自动上下文

1 分钟消息撤回

发送后 60 秒内可撤回本人消息,服务端二次校验时限与归属,历史记录保留仅标记状态,双方同步显示「撤回了一条消息」。

仅本人服务端校验

自定义访客备注名

给访客改个备忘名(如「张三-售后问题」),仅后台可见;支持按昵称或备注名搜索,客户跟进不再对不上人。

备忘客户信息可搜索

主题色与头像

后台一键设置主题色(默认 ShopXO 橙),前台悬浮窗即时焕新;访客 / 客服默认头像可自行替换,打造品牌一致体验。

即时生效可换头像

微信式交互细节

本人气泡微信绿、URL 自动识别可点、历史浏览不被轮询拽到底部、翻记录时有「↓ 有新消息」提示,访客列表未读角标闪烁。

微信绿气泡URL 识别

安全与可控 零核心改动

纯标准插件体系:Hook 注入 + 独立数据表,不动 ShopXO 核心代码,升级不冲突;上传目录独立、文件类型白名单、防伪装文件名。

升级无忧数据独立
SHOWCASE

长什么样,眼见为实

访客端悬浮窗与后台客服工作台,均按真实实现 1:1 还原——微信式气泡、商品卡片、文件卡片、未读角标,一个不少。

https://shop.example.com/goods-194.html
首页全部商品订单中心
👕
纯棉圆领T恤 男款
¥79.00
👟
轻弹跑步鞋 2026
¥329.00
🎧
降噪蓝牙耳机 Pro
¥459.00
⌚
运动智能手表
¥699.00
🧴
氨基酸洗面奶
¥59.00
☕
手冲咖啡豆 中烘
¥88.00
在线客服—
客
您好!看中哪款可以直接问我 😊
我
这款 T恤 L 码有货吗?
客
👕
纯棉圆领T恤 男款
¥79.00
白色 / L · 查看商品 >
我
DOCX
尺码表.docx
180 KB
你撤回了一条消息
😀😄😁😂🤣😊😍🤔👍🙏💪🎉
请输入消息,回车发送…发送
桌面端悬浮球默认右侧垂直居中,未读红点闪烁;点击展开会话面板,表情 / 图片 / 文件按钮 + 回车发送。
💡 面板内的商品卡由客服从后台推送(或访客在商品页打开会话时自动带上);文件卡点击即可下载;撤回后双方都只看到「撤回了一条消息」提示。
在线客服—
客
在的,您说~
我
帮我看看这单到哪了
客
已发货,顺丰 SF123456789 sf-express.com
我
PDF
发票申请.pdf
512 KB
请输入消息…发送
手机端H5 自适应布局,悬浮球与面板自动缩放,截图粘贴、发送文件同样可用。
📱 手机端访客通过浏览器菜单「添加到主屏幕」即可获得近似 App 的体验,无需安装任何东西。
访
张三-售后问题 进行中
[文件] 尺码表.docx
14:32
访
游客8821 等待接入
这个还有货吗?
2 14:35
访
李四-大客户 已结束
好的,谢谢!
昨天
张三-售后问题 H5 · 进行中
访
这件 L 码有货吗?什么时候发
14:28
我
有货的,当天 16 点前下单当日发出
14:29 撤回
我
👕
纯棉圆领T恤 男款
¥79.00
白色 / L · 查看商品 >
14:30
访
🖼️
14:31 · 点击看大图
访
视频
14:31
访客撤回了一条消息
访
DOCX
尺码表.docx
180 KB
14:32
发送商品
输入回复内容,回车发送(可粘贴截图)
访客信息
访张三-售后问题
昵称游客8821
备注名张三-售后问题
来源手机端
状态进行中
当前咨询商品
👕
纯棉圆领T恤 男款
¥79.00 · 白色 / L
客服工作台会话列表(未读角标 + 状态标签)· 聊天区(商品卡 / 图片 / 视频 / 文件 / 撤回)· 访客信息栏(备注名 + 当前商品)。
⚙️ 打开「等待接入」的会话即自动接入并开始接待;翻查历史记录时不会被新消息拽到底部,顶部显示「↓ 有新消息」提示。
ARCHITECTURE

标准插件体系,不碰一行核心

遵循 ShopXO 官方插件规范:Hook 注入 + 独立控制器 + 独立数据表。ShopXO 升级不影响插件,插件卸载不留残留。

Browser

访客端悬浮窗

widget.js 原生 JS 实现,3 秒短轮询按消息 ID 游标增量拉取,乐观上屏 + 幂等去重。

→
Hook

Hook 注入

ViewFetchEnd 钩子把悬浮窗 HTML / 配置注入每个页面输出,无需改模板文件。

→
Controller

Api / Admin 控制器

访客端 Api 与后台工作台 Index 控制器,只做参数校验与调度,业务全部下沉 Service。

→
MySQL

Service + 4 张表

OnlineService 统一业务层:会话、消息、话术、客服状态,游标分页与撤回校验都在这里。

TECH STACK

用到的语言与技术

全部基于 ShopXO 既有技术体系,不引入任何陌生依赖——你的团队看得懂、改得动、接得住。

PHP 8

服务端语言

PHP 8+ 严格类型与异常体系,PSR-4 自动加载

TP 8

ThinkPHP 8

ShopXO 6.9.2 同款框架,门面 / Db / 插件体系

JS

原生 JavaScript

零框架零构建,ES5 兼容写法,任何浏览器直接跑

SQL

MySQL / InnoDB

4 张独立表 + 游标索引,读写高效易维护

ShopXO 插件体系config.json / Hook / install.sql ViewFetchEnd 钩子页面输出末梢注入悬浮窗 短轮询3 秒增量拉取,可升级 SSE / Workerman Fetch + FormData上传 / 撤回,90 秒超时保护 JSON 消息协议text / image / video / file / goods / recalled CSS 变量主题后台改色,前台即时生效 localStorage游客临时标识,刷新不丢会话 乐观 UI + 幂等发送即时上屏,轮询不重复
DEPLOY

三步上线,五分钟搞定

不需要改代码、不需要配环境。导入、清缓存、刷新页面——客服入口已经出现在你的商城上。

导入插件包

后台「应用管理 → 导入应用」上传 onlineservice.zip,系统自动建表(老版本会自动补充新增字段,数据不丢)。

应用管理 → 导入应用 → onlineservice.zip

设置与清缓存

进入「在线客服 → 设置」配置主题色等选项;随后清除 ShopXO 后台缓存,让钩子配置生效。

在线客服 → 设置 → 保存 → 清除缓存

开始接待

前台每个页面右侧出现客服悬浮球;后台「客服工作台」实时收到访客消息,点击即会话。

在线客服 → 客服工作台

升级无忧

不修改 ShopXO 任何核心文件,官方升级后插件照常工作;卸载时数据表一并清理。

文件安全

上传目录独立于插件静态目录,覆盖升级不丢文件;文件类型白名单 + 伪装文件名拦截。

FAQ

常见问题

Q和官方付费客服应用相比,有什么区别?▾
功能覆盖商城客服核心场景(实时会话、富媒体消息、商品推送、撤回、备注名),且源码完全自主可控,可继续二次开发;官方应用 ¥1600 起按年付费,本插件一次部署、永久使用,无授权费。
Q支持多个客服同时接待吗?▾
当前版本为「全员可见 + 手动接入」模式:所有后台用户都能看到会话列表,点击「等待接入」的会话即开始接待,系统自动记录接待人。数据库已预留 service_id 与客服状态表,多客服自动分配(按在线状态 / 负载)已做好数据准备,可按需升级。
Q消息是实时的吗?▾
采用 3 秒短轮询 + 消息 ID 游标增量拉取,实测延迟在 1~3 秒;同时具备未读角标、浏览器标题闪烁、新消息提示。若未来需要更低延迟,架构上已预留 SSE / Workerman 升级位,前端协议无需改动。
Q游客没有登录也能收到回复吗?▾
可以。游客通过 localStorage 生成临时标识关联会话,刷新、返回页面不丢失;登录用户则自动关联商城账号,客服在信息栏可直接看到用户身份。
Q可以发送哪些文件?大了会怎样?▾
仅支持 Office(doc/docx/xls/xlsx/ppt/pptx)、WPS(wps/et/dps)、PDF、TXT、视频(mp4/webm/mov/m4v 直接播放,avi/mkv 等按文件下载)与 ZIP/RAR,单个 ≤ 20MB;超出限制或类型不符会明确提示,不会发出。请同时确保服务器 upload_max_filesize 与 post_max_size ≥ 20MB。

让你的商城,今天就有在线客服

一个 zip、三步部署、零核心改动。替代官方付费应用,从接待第一个访客开始。