操作步骤:
Step1:
筛选心仪在线客服样式,并下载源代码,在线客服源代码网站:https://sc.chinaz.com/tag_jiaoben/ZaiXianKeFu.html
Step2:
本地解压文件,将CSS、js、images文件上传至6系统对应目录下,如图所示;
注:如果上传文件后台系统已存在,建议重命名后再上传。
Step3:
添加核心代码:新建模板,将核心代码(index.html中关键性代码)复制粘贴至模板中,并替换标签,如下所示:
CSS文件引用标签示例:
<link rel="stylesheet" type="text/css" href="{var name="tplurl"/}css/shangqiao.css" /> (一般在header.html模板中)
JS文件引用标签示例:
<script src="{var name="tplurl"/}js/shangqiao.js" type="text/javascript"></script>
图片文件引用标签示例:
<span class="fr" id="nb-close"><img src="{var name="tplurl"/}images/nodeMin.png" alt=""></span>
Step4:
引用公共模板:将在线客服模板添加到公共模板(一般引用到footer.html模板中)中,如图所示:
效果如图所示:
注:
添加在线客服 要对html css有一定了解 添加过程中需要进行这方面的简单调试。
有可能出现页面样式、字体改变的情况,需要找到文件删除对应样式,如图所示: