Skip to content

在小程序中接入 ​

客户在你的微信小程序里发起咨询,进入的是微信客服对话,消息由合从客服工作台接待。

另一种做法是把对话页面直接嵌进小程序,客户全程留在小程序里,见对话链接:微信小程序。两种做法的对比见微信小程序:两种做法。

两种方式怎么选 ​

免开发授权开发接入
客户从哪进小程序原有的客服入口,点自动回复的客服名片进入你在小程序里任意位置放的按钮
要不要写代码不用要,调用一个接口
小程序主体不要求和企业微信同一主体必须和企业微信同一主体
小程序类型已认证小程序、个人类型小程序非个人主体的小程序
前提小程序已开通小程序客服企业微信已完成企业验证

入口想放在商品页、订单页这类具体位置的,用开发接入;只想让原来的客服入口转到微信客服、不想动代码的,用免开发授权。

工作台的 小程序 页有一条小程序专用的客服链接和企业 ID。免开发授权用不到这两样,开发接入两样都要用。

方式一:免开发授权 ​

开始之前 ​

  • 已经建好微信客服渠道,见微信客服概述
  • 小程序已经开通小程序客服。没开通过的小程序不能用这种方式
  • 能联系到小程序的管理员,授权需要他配合
  • 小游戏、微信小商店暂不支持

操作步骤 ​

  1. 登录企业微信管理后台,进入 应用管理 > 微信客服。
  2. 在 接入场景 中选择 在小程序中接入,选中这个渠道绑定的微信客服账号。
  3. 按页面提示完成小程序的授权。

完成后你会看到 ​

在小程序里打开原有的客服入口发一条消息,会收到一张客服名片,点名片进入微信客服对话。再发一条消息,工作台里出现新对话。

常见问题 ​

授权完成了,但消息没有进入微信客服

  • 成因:小程序后台开着「在客服工作台收发消息」,消息被留在了小程序客服那边。
  • 解决:请小程序管理员关闭这个开关。

客户发一条消息,收到了多条自动回复

  • 成因:小程序客服同时授权给了其他服务商,各家都在回复。
  • 解决:在小程序后台的 帐号详情 > 授权管理 中取消不用的授权。

方式二:开发接入 ​

开始之前 ​

  • 已经建好微信客服渠道
  • 企业微信已完成企业验证
  • 小程序是非个人主体,且和企业微信是同一主体。小程序默认只能打开同主体的客服账号

第一步:在小程序后台绑定企业 ID ​

  1. 在 设置 > 渠道管理 中打开微信客服渠道,左侧选择 小程序,复制 企业 ID。企业微信管理后台的 我的企业 里也能查到同一个 ID。

    工作台的小程序接入页:两种接法的效果示意、专用客服链接与企业 ID

  2. 登录小程序管理后台,进入 功能 > 客服 > 微信客服,填入企业 ID。

    小程序管理后台左侧「功能」下的「客服」页,右侧是接入微信客服的入口

只有绑定过的企业 ID 下的微信客服账号,才能在小程序里打开。

第二步:拿客服链接 ​

在工作台同一个 小程序 页,从 客服链接 中选择 复制链接。

这条链接专用于小程序:客户从它进来,工作台会显示来自 小程序,需要的话可以在 接待组 中单独指定接待组。客服链接 页的默认客服链接也能打开对话,但区分不出客户是从小程序来的。

第三步:在点击事件里调用接口 ​

js
wx.openCustomerServiceChat({
  extInfo: { url: '<客服链接>' },
  corpId: '<企业 ID>',
  success() {},
  fail(err) { console.error(err) }
})

调用这个接口有几条限制:

  • 基础库 2.19.0 起支持,更低版本要做兼容处理
  • 只能在用户点击时调用,页面加载时自动调会失败
  • 不支持 Promise 风格调用,不能在小程序插件里用

showMessageCard、sendMessageTitle 等可选参数可以让客户进入对话时带上一张小程序卡片,完整参数见微信官方文档 wx.openCustomerServiceChat。

完成后你会看到 ​

在真机小程序里点你放的按钮,进入微信客服对话。发一条消息,工作台里出现新对话。

小程序页面里的「联系客服」按钮

下一步 ​