微信小程序客服

Abel sun2022年12月24日约 410 字大约 1 分钟

微信小程序客服

1. 在页面使用客服消息

需要将 button 组件 open-type 的值设置为 contact
当用户点击后就会进入客服会话，如果用户在会话中点击了小程序消息，则会返回到小程序
开发者可以通过 bindcontact 事件回调获取到用户所点消息的页面路径 path 和对应的参数 query，
开发者可以通过设置 session-from 将会话来源透传到客服。

<button open-type="contact" bindcontact="handleContact" session-from="sessionFrom"></button>

2. 实战

2.1 微信小程序设置

设置的参数为：

消息标题
消息图片
消息来源的路径

  <button open-type="contact" bindcontact="handleContact" class="action bg-white"
          send-message-title="{{goodsSpu.name}}--咨询"
          send-message-img="{{goodsSpu.picUrls[0] ? goodsSpu.picUrls[0] : '/public/img/no_pic.png'}}"
          show-message-card="true" 
          send-message-path="/pages/goods/goods-detail/index?id={{goodsSpu.id}}">
    <view class="cuIcon-servicefill"></view> 
    客服
  </button>