搜外6系統(tǒng),如何添加在線客服?

1419次閱讀

操作步驟:

Step1:

篩選心儀在線客服樣式,并下載源代碼,在線客服源代碼網(wǎng)站:https://sc.chinaz.com/tag_jiaoben/ZaiXianKeFu.html

Step2:

本地解壓文件,將CSS、js、images文件上傳至6系統(tǒng)對(duì)應(yīng)目錄下,如圖所示;

上傳文件.

注:如果上傳文件后臺(tái)系統(tǒng)已存在,建議重命名后再上傳。


Step3:

添加核心代碼:新建模板,將核心代碼(index.html中關(guān)鍵性代碼)復(fù)制粘貼至模板中,并替換標(biāo)簽,如下所示:

image.

CSS文件引用標(biāo)簽示例

<link rel="stylesheet" type="text/css" href="{var name="tplurl"/}css/shangqiao.css" /> (一般在header.html模板中)

JS文件引用標(biāo)簽示例:

<script src="{var name="tplurl"/}js/shangqiao.js" type="text/javascript"></script>

圖片文件引用標(biāo)簽示例:

<span class="fr" id="nb-close"><img src="{var name="tplurl"/}images/nodeMin.png" alt=""></span>

Step4:

引用公共模板:將在線客服模板添加到公共模板(一般引用到footer.html模板中)中,如圖所示:

image.


效果如圖所示:

image.


注:

添加在線客服 要對(duì)html css有一定了解 添加過(guò)程中需要進(jìn)行這方面的簡(jiǎn)單調(diào)試。

有可能出現(xiàn)頁(yè)面樣式、字體改變的情況,需要找到文件刪除對(duì)應(yīng)樣式,如圖所示:

image.


參考視頻教程:https://ke.seowhy.com/play/3732.html

本文由夫唯SEO特訓(xùn)營(yíng)編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來(lái)超過(guò)五萬(wàn)學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動(dòng)搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會(huì)互聯(lián)網(wǎng)技術(shù)。

  • 搜外會(huì)員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營(yíng)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會(huì)員SEM競(jìng)價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營(yíng)推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.171084 Second , 63 querys.