小程序客服配置列表

所有小程序客服配置
小程序名称 小程序ID 客服机构ID 场景码 支付宝卡号 配置状态 操作
默认小程序 default_app 未设置 未设置 未设置 未配置 管理配置
支付宝小程序客服使用说明

contact-button 组件参数说明:

  • tnt-inst-id: 企业唯一编码,从支付宝云客服获取
  • scene: 聊天窗编码,每个聊天窗的唯一编码
  • alipay-card-no: 支付宝访客用户ID(2088开头)
  • size: 咨询按钮大小,默认25
  • color: 咨询按钮颜色,默认#00A3FF

小程序端代码示例:

<view class="container"> 
  <!-- 这是你自己设计的、可见的客服按钮 --> 
  <view class="custom-service-btn" onTap="openCustomerService"> 
    <text>联系在线客服</text> 
  </view> 

  <!-- 下面是隐藏的 contact-button 触发器 --> 
  <contact-button 
    id="myContactButton" 
    tnt-inst-id="LJM_wXdB" 
    scene="SCE01340954" 
    alipay-card-no="2088012968003621" 
    size="25"
    color="#00A3FF"
    onSuccess="handleContactSuccess" 
    onFail="handleContactFail" 
  /> 
</view>

JavaScript 代码:

Page({
  openCustomerService() {
    this.selectComponent('#myContactButton').onTap();
  },
  
  handleContactSuccess(e) {
    console.log('客服会话成功', e);
  },
  
  handleContactFail(e) {
    console.log('客服会话失败', e);
  }
});