Skip to content
This repository was archived by the owner on Mar 21, 2022. It is now read-only.

安装使用:QQ在线客服悬浮代码,适用百家CMS微商城

百家cms edited this page Aug 24, 2016 · 1 revision

最近很多朋友,都说不懂得调用第三方客服功能,也找不到免费的可以使用的客服,其实,有一个更简单的,免费的在线客服可以使用的。那就是QQ,可以直接在 百家CMS微商城上面,使用QQ在线客服的功能,只需一段代码,把这段代码复制到后台》》商城配置》》商城基础设置》》“调用第三方客服代码”。

效果如下图:如果懂得改样式的朋友,完全可以改成自己想要的样式:

代码如下,直接复制下面的代码,记得把“您的QQ号码”改成自己的客服QQ号码,任何QQ号码都可以。

代码如下:

<div style="position:fixed;right:5px;bottom:70px;"><div 
id="to_user_list" 
style="color:#323232;outline-style:none;text-decoration:none;width:78px;display:block;height:16px;padding:7px
 7px 
8px;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;box-shadow:rgba(0,
 0, 0, 0.4) 0px 0px 2px 0px;background-color:#00BC06;"><div 
id="to_user_list_icon_div" class="rel left" 
style="float:left;position:relative;width:20px;height:16px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-color:#FFFFFF;"><span
 class="to_user_list_icon_em_a abs" 
style="margin:0px;padding:0px;list-style:none;position:absolute;width:2px;height:2px;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;top:8px;left:4px;background-color:#00BA0A;"><a
 target="_blank"><span style="color:#FFFFFF;"> 
</span></a></span><span 
class="to_user_list_icon_em_b abs" 
style="margin:0px;padding:0px;list-style:none;position:absolute;width:2px;height:2px;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;top:8px;left:9px;background-color:#00BA0A;"><a
 target="_blank"><span style="color:#FFFFFF;"> 
</span></a></span><span 
class="to_user_list_icon_em_c abs" 
style="margin:0px;padding:0px;list-style:none;position:absolute;width:2px;height:2px;border-top-left-radius:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:1px;top:8px;right:4px;background-color:#00BA0A;"><a 
 target="_blank"><span style="color:#FFFFFF;"> 
</span></a></span><span 
class="to_user_list_icon_em_d abs" 
style="margin:0px;padding:0px;list-style:none;position:absolute;width:0px;height:0px;border-style:solid;border-width:4px;top:14px;left:6px;border-color:#FFFFFF
 transparent transparent;"><a target="_blank"><span 
style="color:#FFFFFF;"> 
</span></a></span></div><p 
id="to_user_list_txt" class="left" 
style="margin-top:0px;margin-bottom:0px;padding:0px 3px 0px 
4px;list-style:none;float:left:5px;color:#FFFFFF;font-size:12px;line-height:16px;"><a
  
href="http://wpa.qq.com/msgrd?v=3&uin=您的QQ号码&site=qq&
menu=yes" target="_blank"><span style="color:#FFFFFF;"> 
联系客服</span></a></p></div></div>
Clone this wiki locally