+ 收藏我们

网站模板

网站模板搜索
404模板 营销型模板 外贸网站模板 单页模板 双语模板 标签大全

注册
网站模板 > 织梦插件 >
加入收藏

织梦右侧悬浮在线客服插件

右侧悬浮的QQ在线客服,支持QQ咨询、在线咨询、官方微信、联系电话、返回顶部等快捷功能。这是一款非常实用的织梦右侧悬浮在线客服插件
织梦右侧悬浮在线客服插件


详细步骤:

织梦右侧悬浮在线客服插件

织梦右侧悬浮在线客服插件

织梦右侧悬浮在线客服插件

织梦右侧悬浮在线客服插件


这样就安装好了

然后,将代码添加到foot.htm 或者footer.htm上 (后台模板管理里面)



织梦右侧悬浮在线客服插件

织梦右侧悬浮在线客服插件

把代码加到最下面空白处即可,里面的QQ、电话直接修改成自己的即可,二维码在根目录的qqkf文件夹里面


代码如下:

<div class="side">
  <ul>
    <li id="qqonline"><i class="bgs1"></i>QQ咨询</li>
    <li class="shangqiao"> <a href="http://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes" target="_blank" rel="nofollow">
      <div><i class="bgs2"></i>在线咨询</div>
      </a> </li>
    <li class="sideewm"><i class="bgs3"></i>官方微信
      <div class="ewBox son"></div>
    </li>
    <li class="sideetel"><i class="bgs4"></i>联系电话
      <div class="telBox son">
        <dd class="bgs1"><span>座机</span>0755-xxxxxxxx</dd>
        <dd class="bgs2"><span>手机</span>133xxxxxxx</dd>
      </div>
    </li>
    <li id="yuyueshow"><i class="bgs5"></i>预约上门</li>
    <li class="sidetop" onClick="goTop()"><i class="bgs6"></i>返回顶部</li>
  </ul>
</div>
<link rel="stylesheet" type="text/css" href="/qqkf/css/style.css" />
<script src="/qqkf/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> 
<script>
function goTop() {
$('html,body').animate({
scrollTop: 0
}, 500)
}
</script>

 
首页 pbootcms模板 html模板 会员中心