pc接入：

将以下代码嵌入到您的网站的 标签之中，即可完成部署，如果该页面已经有juery,则无需加载

a标签是一个内置接口，可以接受前台用户登录的信息,例如 user_id='数字' 、uname='某某' 、avatar="客户头像路径"。

参数说明：user_id：用户id（不填则为游客）、uname：用户名称（可不填）、avatar：用户头像（可不填）、sign:用户签名（可不填）、storeid：申请分配的企业商铺id（必填,单商家可不填）、goods_id：商品id(可不填)、web_id:用于申请注册的企业域名（必填，不带http://）、im_href：客服系统域名（必填，不带http://）、id：workerman-kefu(必填)。

注：onclick="jump()"为无跳转加载，可在public/static/test/common/js/main.js修改源码，设置自己想要的方式。

移动端接入：

将此代码嵌入到您的网站的 标签之中，即可完成部署，如果该页面已经有juery,则无需加载

a标签内是一个接口，可以接受前台用户登录的信息,例如 user_id='数字'、 uname='某某'、avatar="客户头像路径"。

参数说明：user_id：用户id（不填则为游客）、uname：用户名称（可不填）、avatar：用户头像（可不填）、sign:用户签名（可不填）、storeid：申请分配的企业商铺id（必填，单商家可不填）、goods_id：商品id(可不填)、web_id:用于申请注册的企业域名（必填，不带http://）、im_href：客服系统域名（必填，不带http://）、id：workerman-kefu(必填)。

注：嵌入其他页面会出现样式混乱且原页面不显示的现象，最好单开一个页面写入以上代码！！！

小程序接入：

小程序使用的是原生微信聊窗，在小程序后台通过接口和TPshop IM产生消息交互（因为是调用接口，未曾与微信客户建立websocket连接）。

具体对接流程:

1、在小程序当中，调用微信的聊窗组件，打开聊窗（）；例如<button open-type="contact" size="" session-from="wechat|{{userInfo.user_id}}|{{userInfo.nickname}}|{{userInfo.head_pic}}|{{store.store_id}}">客服button> 

参数说明：user_id为客户id，nickname为客户昵称，head_pic为客户头像，store_id为商品所属店铺id（必须，否则无法匹配该商品所属店铺下的客服，单商家不填，客服的接入按店铺客服接入配置流程走）。

2、小程序后台（https://mp.weixin.qq.com），开启消息推送，

设置说明：Url为IM留给微信服务器的消息推送地址（http://域名/wechat/index/check_server）；Token为令牌，可手动设置；EncodingAESKey为消息加密密钥，可手动设置，亦可自动生成；消息加密方式设置为安全模式；数据格式设置为XML模式。

3、IM后台设置小程序客服接入配置（admin身份才能设置）

参数说明：AppID、AppSecret 为小程序的AppID、AppSecret ，Token 为小程序消息推送所设置的Token令牌，EncodingAESKey 为消息加密密钥，用于解密。(如果没有该页面，可联系TPshop IM管理员)

小程序客服接入逻辑：友情链接（https://developers.weixin.qq.com/miniprogram/dev/api/custommsg/receive.html）

app接入：

app客服接入与移动端接入差不多，只要把main.mobile.js改为main.app.js就行，其他一样