在phpcms中添加在线客服可通过集成第三方系统或嵌入自定义代码实现。1. 使用美洽等第三方服务：注册后获取js代码，将包含appkey的脚本插入footer.html或header.html模板文件中，完成嵌入；2. 自定义悬浮客服：手动添加html+css+javascript代码创建固定位置的客服层，支持qq、电话、微信等联系方式；3. 优化显示逻辑：利用phpcms标签{if module_name == 'index'}控制仅首页加载，结合css媒体查询适配移动端。推荐第三方方案实现即时通讯，自定义方式适合无需实时聊天场景。
在PHPCMS中添加在线客服功能，可以通过集成第三方客服系统（如美洽、53客服、Tawk.to等）或手动嵌入自定义的HTML+JavaScript代码实现。以下是具体操作方法和代码示例。
1. 使用第三方在线客服（推荐）
大多数第三方客服平台提供免费的网页嵌入代码，只需注册账号并获取JS代码，插入到PHPCMS模板中即可。
以“美洽”为例：
- 访问 美洽官网 注册并登录
- 进入“设置” → “渠道管理” → “网站客服”
- 复制提供的JavaScript代码
将以下类似代码添加到PHPCMS模板文件中：
立即学习“PHP免费学习笔记（深入）”；
修改模板文件：
打开 PHPCMS 主题模板目录下的 footer.html 或 header.html（路径一般为：
phpcms/templates/default/footer.html）
在
</body>标签前插入客服代码：
<script>
(function(m, i, q, a) {
m[a] = m[a] || function() {
(m[a].q = m[a].q || []).push(arguments)
};
var s = i.createElement(q);
var fs = i.getElementsByTagName(q)[0];
s.async = 1;
s.src = '//script.meiqia.com/dist/standalone.js?_=t';
fs.parentNode.insertBefore(s, fs);
})(window, document, 'script', 'MEIQIA');
MEIQIA('init', {
appKey: 'your_app_key_here'
});
</script>注意：将 your_app_key_here
替换为你在美洽后台获取的真实 AppKey。
2. 自定义悬浮客服（QQ/微信/电话）
如果不想用第三方服务，可手动添加一个固定位置的客服浮动层。
带留言功能的在线客服代码
下载
带留言功能的在线客服代码是一款基于jquery实现的带有在线留言功能的jQuery在线客服代码，分部门显示，可以折叠某个部分的客服QQ，点击点此留言按钮能弹出一个留言板窗口，点击右上角的收缩按钮能控制收缩展开。
<div style="position: fixed; right: 20px; bottom: 100px; z-index: 9999; background: #fff; border: 1px solid #ddd; border-radius: 6px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);"> <p><strong>在线客服</strong></p> <p><a href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" target="_blank">@@##@@</a></p> <p>电话：<a href="tel:400-123-4567">400-123-4567</a></p> <p>微信：kefu_abc（扫码咨询）</p> </div>
将上述代码也插入到 footer.html 或公共头部/底部模板中即可显示。
3. 多客服切换或隐藏优化
若需控制显示范围（如仅首页显示），可用PHPCMS标签判断：
{if MODULE_NAME == 'index'}
<script>
// 只在首页加载客服代码
MEIQIA('init', { appKey: 'your_app_key' });
</script>
{/if}也可以通过CSS媒体查询适配手机端显示。
基本上就这些。引入第三方最省事，自定义更灵活但无实时聊天功能。根据需求选择合适方式即可。
