操作步驟:
Step1:
篩選心儀在線客服樣式,并下載源代碼,在線客服源代碼網(wǎng)站:https://sc.chinaz.com/tag_jiaoben/ZaiXianKeFu.html
Step2:
本地解壓文件,將CSS、js、images文件上傳至6系統(tǒng)對應目錄下,如圖所示;
注:如果上傳文件后臺系統(tǒng)已存在,建議重命名后再上傳。
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有一定了解 添加過程中需要進行這方面的簡單調(diào)試。
有可能出現(xiàn)頁面樣式、字體改變的情況,需要找到文件刪除對應樣式,如圖所示: