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 后台的评论管理插件,主要用于统一配置评论系统的开关、审核、安全过滤...

站点图片管理器

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

极简备忘录

极简备忘录是 QKCMS 后台中的一款轻量记录工具,主要用于保存网站维护过程中的待办事项、工...

AI智能评论

这是一个用于 QKCMS 后台的 AI 评论生成工具,支持为指定文章或商品批量生成自然真实的...

客服中心Pro评论区

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

评论

回复的内容: