商家客服图标接入指南

1.   html文档中添加一个div，用来渲染客服图标。这个div的class属性需要有值

<div class="im"></div>

2.   添加渲染图标需要用到的js代码，js代码一定要在上面定义的div节点之后。iconstyle的值是刚刚定义的div的class属性的值

<script src="http:// static.360buyimg.com/im/js/im_icon_v7.js"></script>

<script>

 

var basicInfo = {venderId:20141,"iconStyle":"im"};

var extInfo = {skuId:111, price:19.00, wname:"MR muscle", imgUrl:"http://www.baidu.com", itemUrl:"http://item.jd.com/1100001161.html"};

 

    JDIM.show(basicInfo, extInfo);

</script>

 

如果想使用自定义样式，则basicInfo对象如下定义。同时需要定义图标的样式

var basicInfo = {venderId:20141,"onlineStyle":"im", "offlineStyle":"imoffline"};

 

basicInfo对象里的venderId字段还可以是以下变量的一组：

shopId：店铺id，该变量不推荐使用

venderId：商家id

rank3, brandName：品牌的三级分类和品牌名

pid：商品id

virtualId：虚拟客服入口id

venderList：商家id列表，以逗号分隔

 

extInfo对象里的所有字段均会以（var=value&）的形式拼接在最终的链接后面  

 

#demo