支付宝小程序管理系统

小程序客服配置列表

所有小程序客服配置
小程序名称 小程序ID 客服机构ID 场景码 支付宝卡号 配置状态 操作
飞和服务专线二懿兹 2021006130657778 未设置 未设置 未设置 未配置 管理配置
工具蓝夜丽华备忘录-付汇 2021006123673000 未设置 未设置 未设置 未配置 管理配置
指尖签到屋 2021006118621002 未设置 未设置 未设置 未配置 管理配置
万事小帮手-十五 2021006125645101 未设置 未设置 未设置 未配置 管理配置
效率神器盒-形式 2021006123650907 未设置 未设置 未设置 未配置 管理配置
全能工具箱-胡乙 2021006125662027 未设置 未设置 未设置 未配置 管理配置
便民小工具-速通 2021006125663793 未设置 未设置 未设置 未配置 管理配置
壁纸小工具-明月 2021006125638666 未设置 未设置 未设置 未配置 管理配置
测试11 2021005118613635 未设置 未设置 未设置 未配置 管理配置
默认小程序 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);
  }
});