网站设计公司易捷网络:专注企业网站设计

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

来源:易捷网站设计公司     时间:2019-04-04

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>

<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"><imgtitle="点击这里联系客服a"src="www.fractal-technology.com/wp-content/themes/wap/images/kf1.gif"></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"><imgtitle="点击这里联系客服c"www.fractal-technology.com/wp-content/themes/wap/images/kf2.gif"></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"><imgtitle="点击这里联系客服src="www.fractal-technology.com/wp-content/themes/wap/images/kf3.gif"></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"><imgtitle="点击这里联系"src="www.fractal-technology.com/wp-content/themes/wap/images/kf4.gif"></a></li>

</ul>

</div>

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

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

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

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

.kefuh3{display:none;}

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

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

深圳网站设计公司易捷网络科技是一家专业从事深圳网站建设和深圳网页设计的深圳网络公司,主要经营的业务有:深圳网站建设、网页设计、网站推广优化、企业邮箱申请、网站域名空间备案。欢迎来电咨询(微信同号):13714247375
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
浅析深圳做网站专业服务的四大标准
网站制作前需要搞清楚网站的六个方面
网站设计公司怎么满足企业对网站设计的需求
建设哪一些网站容易受到访客的青睐
玩网游,别闹了!还是喊嗓子做外链吧
网站设计的灵感来自哪里呢
为什么网站建设公司的价格存在差异
在深圳企业做一个网站大概需要多少钱
易捷网络建站:怎么创建自己的网站
网站制作前需要做好的规划
高品质网站制作与普通网站的区别
企业想做网站建设,不知道如何选择网站建设公司怎么办
市场营销关心的网站测量数据有哪些
行业网站的推广的常见误区
做网站为什么还要交空间费呢
QQ在线咨询