首页 > 建站/维护 > 如何自定义样式营销qq在线咨询代码
2015
10-26

如何自定义样式营销qq在线咨询代码


挺多网站都挂着腾讯的营销QQ在线咨询代码,不过看来看去都是那么几个样式,没办法,因为腾讯营销QQ的样式一共就6种,而且还不怎么好看,虽然腾讯官方有提供API,不过并不多人会专门利用它做个更好看的样式。今天笔者正巧用到,就顺便研究了下,其实还是很简单的,插入3处代码,剩下的就是正常的css样式而已,下面是步骤。

自定义样式营销qq在线咨询

1.进入营销QQ的页面版后台

“在线代码生成”,然后点击“在线咨询API接入”

自定义样式营销qq在线咨询

2.获取在线咨询ID

这里点击“生成代码”(如需开发者API文档请见:https://id.b.qq.com/combo/account/bizqq/wpa/WPAOpenAPI.pdf

自定义样式营销qq在线咨询

3. 添加引用

请在要显示在线咨询图标的页面中粘贴以下代码,以引用页面。

<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>

自定义样式营销qq在线咨询

4. 设置咨询图标ID

请在在线咨询图标所在网页标签中设置id属性,以使您指定的图片或div成为可使用的在线咨询图标

<div id="BizQQWPA"></div>

自定义样式营销qq在线咨询

这里可以是任何的html标签,如a 、span、H2等等,id每个人都不一样

5. 插入功能代码

请在要显示在线咨询图标的页面源代码末尾粘贴以下代码,以实现在线咨询功能。

BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 4008885159, selector: 'BizQQWPA'});

自定义样式营销qq在线咨询