评论

微信小程序对接企业微信客服

让用户可以在企业的小程序里点击按钮后即可打开对应的微信客服会话,从而发起客服咨询联系客服。

考虑到用户会在企业的小程序里联系客服,为此支持在小程序里接入微信客服。微信小程序打开微信客服的功能已向非个人的全体小程序开放,小程序开发者在小程序管理后台处绑定同主体微信客服(企业ID)后即可调用小程序相关接口,接入微信客服。

接入方式:https://developer.work.weixin.qq.com/document/path/94739https://kf.weixin.qq.com/api/doc/path/94772

  1. 微信客服管理后台获取对外的企业ID客服链接
  2. 小程序管理后台的【功能】【客服】【微信客服】处,填写同一主体的微信客服对应的企业ID,完成小程序和微信客服的绑定。
  3. 调用「小程序打开微信客服」接口,完成接入。

注:仅可正常接入已在小程序管理后台绑定的企业ID下的微信客服

注意:企业ID必须跟该小程序的企业主体一致


在小程序中的接入流程:https://work.weixin.qq.com/nl/act/p/a733314375294bdd

详情如下:


参考:https://baijiahao.baidu.com/s?id=1735577920604728565&wfr=spider&for=pc

https://blog.csdn.net/weixin_42065713/article/details/126137884?from_wecom=1

(1)登录【企业微信管理后台】选择【应用管理】【微信客服】,开启【微信客服】旁边的按钮;

注意:若需要后台对接客服信息的话需要开启“通过API管理微信客服”的,若不需要则不开启。

(2)然后在【客服账号】一栏点击【创建账号】来指定接待人员;创建客服账号时,企业管理员可以选择展示的视频号,设置接待人员、接待规则、接待上限、接待时间、智能回复、超时结束聊天等内容。

(3)选择【接入场景】

在这里我们选择【在微信内其他场景接入】,进入页面后点击【去接入】。企业管理员可以选择需要配置的客服账号复制客服链接后可以配置到以下场景:在网页接入在公众号菜单接入在小程序接入在搜一搜品牌官方区接入点击微信支付凭证接入。接入后,客户点击客服入口即可发起咨询。

(4)可以在【服务工具】找到相应的配置设置客服的自动回复





export default {
  methods: {
    // 跳转微信客服
    jumpToWeChatCustomerService() {
      openWeChatCustomerService("https://work.weixin.qq.com/xxxxx", "wwed1ca4d3597eXXXX");
    },


    // 打开微信客服
    openWeChatCustomerService (
      weiXinCustomerServiceUrl = "",
      corpId = "",
      showMessageCard = false,
      sendMessageTitle = "",
      sendMessagePath = "",
      sendMessageImg = ""
    ) {
      if (!weiXinCustomerServiceUrl || !corpId)
        return Toast("请配置好客服链接或者企业ID");
      // eslint-disable-next-line no-undef
      wx.openCustomerServiceChat({
        // 客服信息
        extInfo: {
          url: weiXinCustomerServiceUrl, // 客服链接 https://work.weixin.qq.com/xxxxxxxx
        },
        corpId, // 企业ID wwed1ca4d3597eXXXX
        showMessageCard, // 是否发送小程序气泡消息
        sendMessageTitle, // 气泡消息标题
        sendMessagePath, // 气泡消息小程序路径(一定要在小程序路径后面加上“.html”,如:pages/index/index.html)
        sendMessageImg, // 气泡消息图片
        success(res) {
          console.log("success", JSON.stringify(res));
        },
        fail(err) {
          console.log("fail", JSON.stringify(err));
          // eslint-disable-next-line no-undef
          return wx.showToast({
              title: err.errMsg,
              icon: "none"
          });
        },
      });
    },
  },
}


  • 常见错误

(1)"fail" "{"errCode":1,"errMsg":"openCustomerServiceChat:fail invalid param: url"}"

原因是:属性extInfo拼错了。

解决方法:将extInfo属性名写对即可。

(2)sendMessagePath属性设置的小程序绝对路径后,在微信客服消息的气泡消息点击打开会提示“页面不存在”。

在小程序内正常访问路径如:“pages/index/index”是可以访问成功的,但如果在sendMessagePath属性设置该路径的话,在微信客服消息的气泡消息点击打开会提示“页面不存在”。

解决方法:在小程序文件路径后面加上“.html”即可,如“pages/index/index.html”或者“/pages/index/index.html”都可


最后一次编辑于  2023-09-05  
点赞 5
收藏
评论

14 个评论

  • 李俊
    李俊
    2023-02-16

    这里可以绑定联合主体的企业微信么?

    2023-02-16
    赞同 3
    回复
  • 那个
    那个
    09-29

    报错:errCode: 6, errMsg: "openCustomerServiceChat:fail not bind",是什么问题导致的呢,如何解决

    09-29
    赞同
    回复
  • 面朝大海
    面朝大海
    04-29

    project.config.json中的内容要改成"libVersion": "2.20.0"以上版本,否则版本过低可能也无法加载

    04-29
    赞同
    回复
  • 神经蛙
    神经蛙
    04-24

    这个气泡消息需要手动触发么?


    04-24
    赞同
    回复
  • 王鑫
    王鑫
    02-01
    我们是小游戏。看微信的小游戏api是支持这个openWeChatCustomerService的调用了,但是微信小程序后台小程序管理后台的【功能】【客服】里面没有【微信客服】这个配置模块。想问下大家有遇到吗?
    
    02-01
    赞同
    回复 1
    • 王鑫
      王鑫
      02-01
      02-01
      回复
  • Zoe
    Zoe
    2023-09-07

    因为绑定错误需要取消接入重新绑定,但无法取消成功,提示”已取消“但实际重新填写的新信息未被带入,也无法成功调用,请问如何处理?

    2023-09-07
    赞同
    回复
  • 不管
    不管
    2023-08-29

    似乎是不支持快捷跳回


    2023-08-29
    赞同
    回复
  • 来到这个世界没有理由拒绝别人
    来到这个世界没有理由拒绝别人
    2023-08-24

    您好,在小程序中引用企业微信客服,客人点击的时候是跳转回微信,还是直接 在小程序内就可以发消息。

    我希望就可以小程序内直接开启聊天,

    2023-08-24
    赞同
    回复 2
    • 犀利小肥龙
      犀利小肥龙
      2023-09-05
      是跳转回微信的,不是在小程序内发消息的
      2023-09-05
      回复
    • 1.56.764
      1.56.764
      2023-09-08回复犀利小肥龙
      你好,对话框左上角点击返回的话,能回到小程序吗
      2023-09-08
      回复
  • 来到这个世界没有理由拒绝别人
    来到这个世界没有理由拒绝别人
    2023-08-21

    如果主体不一样,但是绑定到和企业微信同主体的开发者平台上,不知道行不行


    2023-08-21
    赞同
    回复 3
  • Little Monk
    Little Monk
    2023-08-04

    uniapp中该怎么接呀

    2023-08-04
    赞同
    回复 2
    • 犀利小肥龙
      犀利小肥龙
      2023-08-23
      我的就是uni-app的
      2023-08-23
      回复
    • edwindu
      edwindu
      05-26回复犀利小肥龙
      我的在uni-app里提示TypeError: wx.openCustomerServicechat is not a function
      05-26
      回复

正在加载...

登录 后发表内容