帮你打开活字格更神奇的功能：四十九，QQ在线咨询

收藏

最近有客户在做这样一个功能，感觉挺有趣的，分享给大家。

大家应该都见过，很多网站的首页都会有个小人，提示你在线咨询，这样更方便用户直接和商家去进行沟通。

本教程以QQ为例，在活字格中实现在线咨询的功能。

效果如下图：
QQ在线咨询.gif

其实原理很简单，只是在活字格的某一个区域中添加一个超链接，唤醒QQ实现在线咨询。
具体操作如下：
1.在活字格页面中选取一片区域，给这片区域起名为qq，设置CSS样式让图标靠左显示。
image.png568959655.png

2.在页面加载命令中添加JS代码。
image.png215504759.png

$("[fgcname='qq']").html("<a target='_blank' href='http://wpa.qq.com/msgrd?v=3&uin=604908367&site=qq&menu=yes'><img border='0' src='http://wpa.qq.com/pa?p=2:515807823:53 alt='点击这里给我发消息' title='点击这里给我发消息'/></a>");

复制代码

href='http://wpa.qq.com/msgrd?v=3&uin=*&site=qq&menu=yes'中的*用来填写在线咨询的QQ号。
src='http://wpa.qq.com/pa?p=2:515807823:53'用来填写你的图标链接。

3.你也可以使用本地的图片。那么你只需要在页面跳转命令中设置外部url即可。注意：如果选择在新的Tab打开，请注意浏览器的弹出新Tab是否打开。
image.png441553954.png

这样一看是不是感觉很简单呢

大家一起来试试吧。
工程文件见附件。

		自动登录	找回密码
密码			立即注册

[神奇功能] 帮你打开活字格更神奇的功能：四十九，QQ在线咨询

0 个回复

浏览过的版块

讲师达人

悬赏达人

元老葡萄

活字格认证

活字格高级认证

微信认证勋章