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 后台的数据库结构检查工具,可一键核对当前数据库中的数据表和...

SQL命令执行器

这是一个用于 QKCMS 后台的 SQL 执行工具,支持查询、新增、修改、删除和部分表结构语...

数据库ID重置

这是一个用于 QKCMS 后台的数据库 ID 重置工具,支持将多个核心数据表的自增 ID 从...

友联管理工具

这是一个用于 QKCMS 后台的友情链接管理工具,支持快速添加、编辑、删除友链站点信息(网站...

客服中心Pro评论区

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

评论

回复的内容: