发布一个自动收缩的在线客服功能_最新版(QQ+旺旺)

2016-07-07 16:03 来源:www.chinab4c.com 作者:ecshop专家



演示地址:http://www.365wudao.com

第一步:将附件中的文件(2009-4-10更新)下载到本地电脑,然后解压缩,把ServiceQQ.asp上传至根目录(网店程序所在目录);
根目录:wwwroot/网店所有文件或您空间的子目录:wwwroot/ecshop/网店所有文件

第二步:打开:themes/模版名称/style.css,在最后加入:

/* QQ客服 */
.QQbox{ z-index:99; width: 178px; right: 0; top: 40px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 33px; height: 158px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 145px; background: url(images/qq_listbg.gif) repeat-y -155px 0;position: absolute;}
.QQbox .Qlist .t,
.QQbox .Qlist .b{ float: right; height: 6px; width: 145px; font-size: 1px; }
.QQbox .Qlist .t{ background: url(images/qq_listbg.gif) no-repeat left; }
.QQbox .Qlist .b{ background: url(images/qq_listbg.gif) no-repeat right; }
.QQbox .Qlist .con{ background: #fff; width: 90%; margin: 0 auto; }
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(images/qq_listbg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
.QQbox .Qlist .con ul{}
.QQbox .Qlist .con ul li{padding: 5px 0 0 8px;height: 20px; background: #ffffff;}
.QQbox .Qlist .con ul li.odd{ background: #fff; }
/*.QQbox .Qlist .con A IMG { width:23px; }*/

保存并上传!

第三步:在后台语言项管理FTP里根目录(themes/模版名称/library/)打开page_footer.lbi在最后插入:

<script src="ServiceQQ.asp"></script>

保存并上传!

第四步:请将附件中的两张图片上传至themes/模版名称/images/文件目录中!

完成!请把ServiceQQ.asp里面的相关联系方式(QQ、旺旺)修改成自己的。

注意事项:旺旺为中文名的要去淘宝重新生成代码。主机不支持ASP的可能无法使用该功能,需要先转换成PHP再用。

最后提醒:看帖要回帖啊,好用就顶一下,不好用就踩一下!

已安装的把自己的网店地址帖出来!有问题可以跟帖留言或联系我!

2012-9-27:新附件无法上传了,不知道怎么回事??

回答:
ASP程序的可以加不?



ASP程序可以试一下。我没用试过。

在线客服演示地址:

http://www.365wudao.com



2009年4月10日修改:

修正本客服旺旺图标在IE7.0或其它版本IE客服图标显示太紧或不正常显示的情况以及QQ图片显示比较慢的情况。

4-10日以前下载的本客服及未自己已修改的请重新下载附件压缩包文件后上传ServiceQQ.asp覆盖原文件。

(覆盖后请修改里面的联系方式)

演示地址:http://www.wudaoshop.cn

虽然这样的代码很多但是分享总是值得表扬的

支持下!

问问下哦~是不是asp才能在firefox那演示啊?我的是用js代码,ie能显示,可惜firefox不行。

虽然是.asp的,但里面没有一点的ASP代码,直接叫后缀改为PHP一样用啊!或者改成JS调用也行!

有+了旺旺 很强大了 谢谢LZ分享

不错...顶一个

不错噢。效果相当好

找来找去还是这个比较好看点。

楼主,第一步:上传到根目录,怎么理解???上传到ftp里面的哪个文件里面????

谢谢共享,已经用上了,www.youlezhe.cn

有安装的朋友可以把自己的店帖出来。