QKCMS

QKCMS

客服中心Pro

客服中心Pro

类型 工具
参考价格 30
插件 ID 55
当前版本 1.1.0
插件文件 admin\Plugin\55_servicepro.php

安装流程

1
安装网站程序 先部署 QKCMS,并完成基础环境配置。
2
进入扩展管理 登录后台后,在导航里打开扩展管理页面。
3
云端安装插件 在云端扩展中找到当前插件,点击安装即可。
4
完成配置使用 安装完成后进入设置页面,开始配置和启用。

简介描述

这是一个用于 QKCMS 前台页面的增强版客服组件,支持悬浮卡片、常驻面板、气泡轨道、炫酷图标 4 种客服 UI,并可切换左右位置、配色方案、形状风格和动画效果,适合企业站、工具站和需要强化联系入口的网站使用。

详情介绍

客服中心Pro 的核心作用,是在 QKCMS 前台侧边增加一套更完整、更好看的在线客服入口。插件内置 4 种不同的客服展示样式,支持左侧或右侧悬浮显示,也支持紫色、橙色和自定义颜色三种主题方案,同时还能切换圆角卡片、胶囊圆形、切角科技等不同外观风格。对于希望提升页面交互感和联系转化的网站来说,这种侧边客服组件会比普通单按钮更直观。


这个工具本身不重复维护联系方式,而是直接复用 28_contactset.php 里已有的微信二维码、QQ 号、QQ 二维码和在线客服链接配置。前台可根据设置展示服务时间、本地展开状态和不同 UI 交互效果,让客服入口既统一又灵活。整体来看,它更适合作为 QKCMS 前台的视觉增强型客服中心组件使用。


1
2$position = qk_service55_pick(isset($config['显示位置']) ? $config['显示位置'] : '右侧', array('左侧', '右侧'), '右侧');
3$style = qk_service55_pick($styleValue, array('悬浮卡片', '常驻面板', '气泡轨道', '炫酷图标'), '悬浮卡片');
4$theme = qk_service55_pick(isset($config['配色方案']) ? $config['配色方案'] : '紫色主题', array('紫色主题', '橙色主题', '自定义颜色'), '紫色主题');
5$shape = qk_service55_pick(isset($config['形状风格']) ? $config['形状风格'] : '圆角卡片', array('圆角卡片', '胶囊圆形', '切角科技'), '圆角卡片');
6
7
8$sideClass = $position === '左侧' ? 'qk55-side-left' : 'qk55-side-right';
9$styleClassMap = array(
10 '悬浮卡片' => 'qk55-style-stack',
11 '常驻面板' => 'qk55-style-panel',
12 '气泡轨道' => 'qk55-style-orbit',
13 '炫酷图标' => 'qk55-style-icon'
14);
15$shapeClassMap = array(
16 '圆角卡片' => 'qk55-shape-rounded',
17 '胶囊圆形' => 'qk55-shape-pill',
18 '切角科技' => 'qk55-shape-cut'
19);
20


这段代码展示了插件最核心的前台样式切换逻辑。系统会根据后台设置,分别确定显示位置、客服样式、主题配色和外观形状,再转换成对应的前端类名去渲染不同 UI。也就是说,这个插件不是固定一种客服外观,而是把多套客服展示风格统一做成了可切换组件。

界面预览

客服中心Pro
客服中心Pro - 预览截图
×
客服中心Pro
客服中心Pro

热门工具

网站右侧客服

这是一个用于 QKCMS 的侧边悬浮客服插件,可在网站左侧或右侧固定显示客服入口,包含微信二...

网站运行时间

这个插件也比较轻量,不依赖复杂数据库查询,也不需要额外接口支持。它主要通过后台配置的安装时间...

站点图片管理器

站点图片管理器是用于 QKCMS 后台的图片整理工具,可扫描站内图片文件,检查文章、商品、栏...

百度收录巡检工具

百度收录巡检是一款适合内容网站使用的后台工具,可批量检查文章、商品、栏目页面是否已被百度收录...

积分添加助手

积分添加助手是用于 QKCMS 后台的积分套餐配置插件,可设置积分数、赠送积分和对应价格,并...

文件/目录效验修复

这是一个用于 QKCMS 后台的文件完整性检查工具,主要用于核对站点核心文件与目录是否缺失,...

客服中心Pro评论区

写下你的评论...
首页上一页1下一页尾页

评论

回复的内容: