|
|
我们官方以后会推出多个和多种样式的QQ在线客服插件。
我们也鼓励和希望您能参与发开。
那么下面我讲一下开发在线QQ客服插件的流程
一、如何使用和关闭QQ在线客服
使用和添加客服账号，请登录后台->内容->浮动客服管理中 创建你的客服账号和类型。
目前支持 QQ 阿里旺旺 SKYPE
添加好账号后，需要清理一下缓存->后台->上方->清理缓存->清理浮动客服缓存。。 清理好后。前台页面刷新即可看到效果了。
那么如果关闭QQ客服功能呢？
第一种方法：后台->全局->网站功能管理->浮动客服->选择关闭
第二种方法：打开模板文件，删除[.service type="0".]标签。
二、如何开发自已喜欢的客服插件
首先 你要会使用 CSS和JS 如果自已无法完成编程，可以在网上找现成的素材。比如http://www.17sucai.com/category/1/4/37
会有一些开发好的浮动客服代码，那么下载下来，稍微做些调整和调用后台数据，即可完成你自已的DIY作品。
1.首先打开\function\plugs\Service\目录。在Service\目录内，新建一个目录 (目录名随意，请不要使用中文就行)。
2.把你开发好的或是在网上下载好的在线客服代码，存放到你新建好的这个目录内。
(比如：我新建的目录名为 ourphp 那么我的存放实际路径是 \function\plugs\Service\ourphp\ 那么我只需要把我开发好或下载好的代码放到 ourphp 内就可以了)
3.新建一个index.html文件(如果你是下载现成的，那么把显示在线客服页面文件改成 index.html)
4.用编辑软件打开index.html调用后台的浮动客服数据即可。
(注意的是，index.html必须是utf-8编码，而且不能包含 <html><head></head><body></body></html> 这些头部等代码。直接写数据循环的代码就行。可以参考我们官方默认的看一下。\function\plugs\Service\default\index.html)
5.开发好后，进入后台->全局->网站功能管理->浮动客服->选择你新建好的这个在线客服目录->提交。
6.清理浮动客服缓存
官方调用后台浮动客服数据的代码为：
- [.foreach $service as $op.]
- [.if $op.class == 'qq'.]
- <li><a class="icoTc" style="BACKGROUND:url([.$plugsurl.]css/button_121.gif) no-repeat center left;" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=[.$op.number.]&site=qq&menu=yes">[.$op.name.]</a></li>
- [.elseif $op.class == 'aliww'.]
- <li><a class="icoTc" style="BACKGROUND:url([.$plugsurl.]css/button_122.gif) no-repeat center left;" target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=[.$op.number.]&siteid=cntaobao&status=1&charset=utf-8">[.$op.name.]</a></li>
- [.elseif $op.class == 'skype'.]
- <li><a class="icoTc" style="BACKGROUND:url([.$plugsurl.]css/button_123.gif) no-repeat center left;" target="_blank" href="skype:[.$op.number.]?add">[.$op.name.]</a></li>
- [./if.]
- [./foreach.]
[.$plugsurl.] 标签可以获取当前的插件目录
|
|
收藏