零基础建站培训介绍

当前位置:

如何给自己网站添加QQ客服浮窗

QQ客服浮窗对于很多网站并不少见,学做网站论坛的页面的右侧面也有QQ客服浮窗,这是通过54KF的代码来做的,比较简单。(方法见:怎么在网站上加入QQ在线客服

今天给广大学做网站学员介绍另一款QQ客服,效果如下:

如何给自己网站添加QQ客服浮窗

怎么给自己的网站添加这款比较漂亮的QQ客服呢,方法如下:

  1. 先下载客服代码压缩包(客服代码压缩包下载:https://pan.baidu.com/s/1pLjt9A7),然后解压,里面有一个qq.js和一个图片文件夹qqimages。qq
  2. 将qq.js和qqimages文件夹一起上传到自己网站空间的根目录下。
  3. 复制以下的CSS代码放到自己网站的CSS文件中,用来控制QQ客服的样式和背景。
    .qq{width:120px;}
    .qq_t{width:120px;}
    .qq_d{width:120px;}
    .qq_bg{width:130px; background:url(/qqimages/qq03.png) repeat-y; padding:10px 0px 10px; overflow:hidden;}
    .qq_bg ul{margin:0px; padding:0px;}
    .qq_bg li{width:90px; height:26px; float:left; margin-left:20px; text-align:left; line-height:26px; background:url(/qqimages/qq04.png) no-repeat; display:inline; margin-bottom:5px;}
    .qq_bg li a{color:#333;font-size:12px;text-decoration: none;}
    .qq_bg li a:hover{color:#FF0000; text-decoration: underline; font-size:12px;}
    .qq_bg li img{margin-top:4px; float:left; margin-left:10px; margin-right:5px;}
  4. 使用以下的JS代码来调用QQ客服,放在自己网站需要显示客服的页面代码的底部,一般是</body>标签的上方。(网站域名改成自己网站的网址)
    <script src="http://网站域名/qq.js"></script>
  5. 通过DW可以修改qq.js中的QQ号码为自己的QQ号码,这样QQ客服就完成了。

6则回应给“如何给自己网站添加QQ客服浮窗”

  1. 建站学员头像 学无止境说道:

    客服代码不可以下载啊

  2. 建站学员头像 学无止境说道:

    百度云下下载显示网络错误,自身是有网的

  3. 学做网站讲师头像 学做网站讲师说道:

    可以下载啊

  4. 建站学员头像 王小小小说道:

    真的非常不错 感谢楼主分享啊

  5. 建站学员头像 西村说道:

    那段长代码是新建一个qq.css文件让后放到css文件夹下,还是直接把那段长代码直接粘贴到css文件中(粘贴到哪个css文件中)

    • 学做网站讲师头像 学做网站讲师说道:

      直接放到自己网站的CSS文件里就可以了

发表评论

零基础学建站就到学做网站论坛