巅云智能建站平台搭建版(创业门户版)火爆上线,终身授权!新增:文章智能采集+全站真静态打包+城市分站+智能小程序+非法词过滤+H5自适应+智能链词等功能功能详情
建站专提News

手机网站建设网站悬浮客服的做法

一佰互联网站开发设计(www.yinxi.net) 发布日期 2019-04-12 23:03:46 浏览数: 160

1,手机网站QQ在线临时会话功能

 

现在手机网站的用户越来越多,我们制作了手机网站后,为了方便用户沟通,可以在手机网站上添加QQ在线临时会话功能。

 

制作这样的手机网站QQ在线临时会话功能,也是非常简单的,只需要了解QQ临时会话在手机版下的链接即可。

 

以下是QQ在线临时会话的二类链接格式:

 

PC/电脑端功能实现:http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes

 

手机版/移动端功能实现: <ahref="mqqwpa://im/chat?chat_type=wpa&uin=800079052&version=1&src_type=web&web_src=oicqzone.com">点击咨询</a>

 

我们制作手机网站QQ在线临时会话功能,只需要使用第二个链接格式即可。使用超链接A标签给一个图片添加这样的链接地址就可以实现手机网站在线沟通了。

这种客服系统是在手机网站上,它始终位于网站的底部区域,即使划动网页,它的位置一直会片于网站的底部区域。这样既不占用网站的版面,又能很方便让用户联系客服。

 

2,手机网站底部悬浮客服的做法。

 

    在自己网站的底部区域,找到</body>标签,在</body>标签上面插入下面的HTML代码。(如果你对HTML一点不懂,可以先学习一下html视频教程)

   <div class="kefu">

    <h3>在线咨询</h3>

    <ul>

    <li><ahref="mqqwpa://im/chat?chat_type=wpa&amp;uin=2289556365&amp;version=1&amp;src_type=web&amp;web_src=www.fractal-technology.com/"rel="nofollow"><img title="点击这里联系客服a" alt="点击这里联系客服b"src="www.fractal-technology.com/wp-content/themes/wap/images/kf1.gif"border="0" width="90%"></a></li><li>

    <ahref="mqqwpa://im/chat?chat_type=wpa&amp;uin=2399118408&amp;version=1&amp;src_type=web&amp;web_src=www.fractal-technology.com/"rel="nofollow"><img title="点击这里联系客服c" alt="点击这里联系客服dsrc="www.fractal-technology.com/wp-content/themes/wap/images/kf2.gif"border="0" width="90%"></a></li><li>

    <ahref="mqqwpa://im/chat?chat_type=wpa&amp;uin=1135082670&amp;version=1&amp;src_type=web&amp;web_src=www.fractal-technology.com/"rel="nofollow"><img title="点击这里联系客服 alt="点击这里联系客服"src="www.fractal-technology.com/wp-content/themes/wap/images/kf3.gif"border="0" width="90%"></a></li><li>

    <ahref="mqqwpa://im/chat?chat_type=wpa&amp;uin=2357852508&amp;version=1&amp;src_type=web&amp;web_src=www.fractal-technology.com/"rel="nofollow"><img title="点击这里联系"alt="点击这里联系"src="www.fractal-technology.com/wp-content/themes/wap/images/kf4.gif"border="0" width="90%"></a></li>

    </ul>

    </div>

  

    修改上面代码里的客服QQ为自己网站QQ号码。它是用于放我们自己网站的客服的,一般放四个就可以了。

 

    放了这个DIV框之后,客服会显示在自己做的网站的底部,而且是错位的状态,所以我们还要加上下面的CSS样式。(了解CSS知识,请参考CSS视频教程)

   

    复制下面的CSS样式代码,放在自己网站style.css文件的最底部。

 

    .kefu{width:100%;background:#69c;position:fixed;left:0;bottom:0;}

    .kefu h3{display:none;}

    .kefu li{display:inline-block;width:25%;text-align:center;height:40px;line-height:55px;}

    通过上面的CSS样式就可以控制手机网站客服在网站底部悬浮显示了。非常适用手机网站制作

 

TAG标签耗时:0.009209156036377 秒
一佰互联是全国知名建站品牌服务商,我们有九年网站建设网站制作、网页设计、php开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。更多资讯:tags标签

相关新闻more

15
04月
高端网站建设-网站增加外链的三个误区总结

外链对一个网站有着举足轻重的作用,但很多人对于外链的控制都有些不到位。不管是数量还是质量上都很不稳定,波动特别大,这对于网站本身来说是非常危... >>详情

30
04月
php数组函数序列之array_keys()

array_keys() 定义和用法 array_keys() 函数返回包含数组中所有键名的一个新数组。 如果提供了第二个参数,则只返回键值... >>详情

25
04月
safari下载文件自动加了html后缀问题

如何下载文件?方法一、直接通过nginx下载静态文件如果文件是保存在服务器上面的,可以直接用nginx下载文件比如说可以供用户下载pdf文件... >>详情

26
03月
餐厅营销推广(一):广告预算&线下广

简介:广告是指通过购买某种宣传媒体的空间或时间,来向公众或特定市场中的潜在顾客进行推广或宣传的一种促销工具。目前广告的形式多种多样,那么餐厅... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站