搜外6系统,如何添加在线客服?

1424次阅读

操作步骤:

Step1:

筛选心仪在线客服样式,并下载源代码,在线客服源代码网站:https://sc.chinaz.com/tag_jiaoben/ZaiXianKeFu.html

Step2:

本地解压文件,将CSS、js、images文件上传至6系统对应目录下,如图所示;

上传文件.

注:如果上传文件后台系统已存在,建议重命名后再上传。


Step3:

添加核心代码:新建模板,将核心代码(index.html中关键性代码)复制粘贴至模板中,并替换标签,如下所示:

image.

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模板中)中,如图所示:

image.


效果如图所示:

image.


注:

添加在线客服 要对html css有一定了解 添加过程中需要进行这方面的简单调试。

有可能出现页面样式、字体改变的情况,需要找到文件删除对应样式,如图所示:

image.


参考视频教程:https://ke.seowhy.com/play/3732.html

本文由夫唯团队编辑,如发现错误,欢迎通过客服微信反馈。

夫唯于2024年12月停止百度SEO研究和培训。道别信: 夫唯:再见了百度SEO!

2025年1月正式启动Google SEO培训课程,一千零一夜带领大家一起出海。

感兴趣的同学,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标:让大家独立站出海不再“望洋兴叹”。

Processed in 1.750206 Second , 586 querys.