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

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

来源:易捷网站设计公司     时间: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
返回上一级
您可能需要:
网站设计图标
企业网站设计
高速稳定的国内空间,免费备案的香港、国外空间,单线、双线以多线空间
点击咨询
关键字推广优化图标
网站推广优化
指定网站关键词,确保一月之内优化到搜索引擎得首页,到首页之后再收费
点击咨询
企业邮箱图标
企业邮箱申请购买
以企业官网后缀为名称的邮箱,彰显公司企业形象,先试用,满意后再付款
点击咨询
国徽图标
网站域名空间备案
域名空间提交国家工信部备案审核,十五天即可完成,网站备案实名势在必行
点击咨询
网站设计相关资讯推荐
SEO作弊之垃圾链接(LinkSpam)
深圳做网站请带上这份网站建设指南
商城类网站建设要注意哪些事项
必须了解的网站四大类型
如何更新维护中小企业网站
为什么要做营销型网站
网站优化最重要是什么
中美贸易战升级对深圳网站建设行业有何影响
网站定做有什么好处流程有哪些
网站设计首页设计的注意事项
电商平台网站建设
网站建设到上线的时间从哪些方面可以推测
网站内容怎样保持延续性
手机网站建设十大原则
个人站长如何提高网站收录
QQ在线咨询