网站如何添加QQ在线客服,设置QQ临时会话

我们在很多网站看到QQ在线客服悬挂在网页上,方便访客即时与网站管理者(客服)联系。这里给大家介绍下如何在自己的网站上添加个人QQ的在线客服,及开通QQ临时会话功能。

这里要说明下开通临时会话功能的好处:如果QQ没开通临时会话功能,访客点击QQ,会进入到添加好友的界面,添加过好友后才能进入聊天窗口,这样显然不利于我们与访客的及时交流。当开通QQ临时会话功能后,访客点击QQ,会直接跳转到临时会话聊天窗口。

下面就具体介绍下如何开通QQ临时会话功能,以及如何添加到网站上。这里要分为两步:

第一步、开通QQ临时会话功能

1.进入腾讯官方网站:http://shang.qq.com/v3/index.html,在导航栏打开“推广工具”

2016-02-12_170440

2.登录下QQ,然后在弹出的窗口,点击“立即免费开通”

2016-02-12_170506

3.开通后,我们会进入设置界面。可以选择一种自己需要的组件样式,对应生产组件代码

2016-02-12_171032

2016-02-12_171046

如果你对代码使用很熟悉,可以直接使用上面获取的代码粘贴到自己的网页合适的位置。如果不熟悉,就接着看下教程中的第二步操作。

4.如果实现与访客即时会话,还需要QQ设置“允许任何人”加我好友

①打开QQ设置面板

QQ图片20160212174617

②在设置面板里,打开“权限设置”中的“临时会话”,验证方式选中“允许任何人”,临时会话不要勾选。如图

2016-02-12_174228

设置完成以后,我们就要看下如何添加到网站上。

第二步、在网站上,添加QQ在线客服代码

以WordPress网站程序为例(其他网站方法类似),在footer.php文件中添加。如果你熟悉代码编辑,可以自己进行设置。下面的方法可作为新手操作使用:

1.登录WordPress网站后台,在侧边导航栏“外观”中,打开“编辑”选项

20160212182804

2.在右侧的主题文件里,找到“主题页脚footer.php”文件,点击打开

2016-02-12_183059

3.打开“主题页脚footer.php”文件后,在文件底部找到“</body>”代码

2016-02-12_184014

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号码。

代码粘贴到文件后,点击下方的“更新文件”,如图

2016-02-12_184354

5.更新完文件后,在网站前台刷新,查看效果

2016-02-12_184844

以上代码部分参考的学建站文章《网站怎么添加在线客服》。当然,有兴趣的也可以找一些代码实现更美观的在线客服界面。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇