我们在很多网站看到QQ在线客服悬挂在网页上,方便访客即时与网站管理者(客服)联系。这里给大家介绍下如何在自己的网站上添加个人QQ的在线客服,及开通QQ临时会话功能。
这里要说明下开通临时会话功能的好处:如果QQ没开通临时会话功能,访客点击QQ,会进入到添加好友的界面,添加过好友后才能进入聊天窗口,这样显然不利于我们与访客的及时交流。当开通QQ临时会话功能后,访客点击QQ,会直接跳转到临时会话聊天窗口。
下面就具体介绍下如何开通QQ临时会话功能,以及如何添加到网站上。这里要分为两步:
第一步、开通QQ临时会话功能
1.进入腾讯官方网站:http://shang.qq.com/v3/index.html,在导航栏打开“推广工具”
2.登录下QQ,然后在弹出的窗口,点击“立即免费开通”
3.开通后,我们会进入设置界面。可以选择一种自己需要的组件样式,对应生产组件代码
如果你对代码使用很熟悉,可以直接使用上面获取的代码粘贴到自己的网页合适的位置。如果不熟悉,就接着看下教程中的第二步操作。
4.如果实现与访客即时会话,还需要QQ设置“允许任何人”加我好友
①打开QQ设置面板
②在设置面板里,打开“权限设置”中的“临时会话”,验证方式选中“允许任何人”,临时会话不要勾选。如图
设置完成以后,我们就要看下如何添加到网站上。
第二步、在网站上,添加QQ在线客服代码
以WordPress网站程序为例(其他网站方法类似),在footer.php文件中添加。如果你熟悉代码编辑,可以自己进行设置。下面的方法可作为新手操作使用:
1.登录WordPress网站后台,在侧边导航栏“外观”中,打开“编辑”选项
2.在右侧的主题文件里,找到“主题页脚footer.php”文件,点击打开
3.打开“主题页脚footer.php”文件后,在文件底部找到“</body>”代码
4.在</body>代码前,粘贴以下代码
<div style="position: fixed; right: 5px; top: 180px; z-index: 999;"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号码&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号码:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> </div>
注意:把代码中的“你的QQ号码”修改为你的QQ号码。
代码粘贴到文件后,点击下方的“更新文件”,如图
5.更新完文件后,在网站前台刷新,查看效果
以上代码部分参考的学建站文章《网站怎么添加在线客服》。当然,有兴趣的也可以找一些代码实现更美观的在线客服界面。