客服视角：

用户视角：

功能开通

开发

示例代码

<button open-type="contact" bindcontact="handleContact" session-from="sessionFrom">button>
<script setup>
  function handleContact(e) {
    // 小程序消息页面的路径 String
    console.log(e.detail.path)
    // 小程序消息指定的查询参数 Object
    console.log(e.detail.query)
  }
script>

发送卡片示例代码

<button open-type="contact" show-message-card="true">
  联系客服
button>

发送卡片标题示例代码

<button open-type="contact" :send-message-title="标题" show-message-card="true">
  联系客服
button>

客服工具使用

小程序也可以直接使用网页端微信小程序客服或者移动端「客服小助手」小程序进行客服消息回复。

客服小助手小程序码

若小程序没有启用消息推送，则用户发送的消息将会被转发至网页端微信小程序客服和移动端「客服小助手」，客服人员可在网页端微信小程序客服和移动端「客服小助手」中接入并回复用户。

注意：

移动端「客服小助手」小程序使用说明

登录并接入已被绑定的小程序客服人员可微信搜索「客服小助手」或扫码登录「客服小助手」小程序，并选择对应的小程序账号，登录后即可看到与小程序对话的用户，可选择接入对话。

切换客服状态点击在线状态，可以选择客服在线状态、客服离线状态： 选择客服在线状态后，即使退出客服小程序，仍可在“服务通知”中接收到用户咨询的消息提醒； 选择客服离线状态后，将无法收到客服消息与消息提醒。

接收与发送消息打开「客服小助手」小程序后，进入“待接入列表”可选择用户会话进行接入； 已经接入的会话，客服人员可以在48小时内和用户进行对话，目前支持发送文本、图片、小程序卡片类型的消息。

网页端微信小程序客服工具使用说明

登录并接入

已被绑定的小程序客服人员可扫码登录网页端微信小程序客服，并选择对应的小程序账号，登录后即可看到与小程序对话的用户，可选择接入对话。

切换客服状态

点击在线状态，可以选择在线状态、离线状态

接收消息

手动接入：客服人员上线后，可在“待接入”列表中，手动接入待回复的用户会话。自动接入：当待接入的用户会话太多时，可以在设置-接入与回复中，开启自动接入。

发送消息

已经接入的会话，客服人员可以在48小时内和用户进行对话，目前支持发送文本、图片、小程序卡片类型的消息。

会话分流

客服人员可设置会话分流，即每个客服人员可同时接待的会话数量。

设置

其他设置 自动回复、快捷回复、会话标签、等等自行了解

其他对接方式

小程序自带的客服功能，只有基本的功能，如果想要更强的功能，可以考虑下面两种方式的客服对接，下面两种都有免费试用，对接也很简单，用小程序授权就行。