智能客服

智能客服能力由蚂蚁金服零号云客服提供。唤起智能客服组件,开通智能客服详见接入指引

属性名类型默认值描述使用场景最低版本
tnt-inst-idString必填。企业唯一编码,一个企业支付宝账号对应一个编码。
sceneString必填。聊天窗编码,每个聊天窗的唯一编码
sizeNumber/String25选填。咨询按钮大小,正方形设置边长(如25*25)1.9.0 , 1.12.0 开始支持rpx单位
colorString#00A3FF选填。咨询按钮颜色,默认白底蓝色1.9.0
iconImgUrl选填。咨询按钮头像1.9.0
alipay-card-noString选填。支付宝访客用户ID(2088开头)客服回答问题时,如客户已离开咨询窗口,则通过推送消息到支付宝card中提醒客户。
基础库1.4.1,支付宝10.1.10开始支持。

API示例

集成咨询窗(必选)

示例代码:

  1. <contact-button tnt-inst-id="企业编码" scene="聊天窗编码"/>

其中,tntInstId(企业编码)和scene(聊天窗编码)获取方式【路径】:机器人—聊天窗管理—选中聊天窗,操作栏中点击“聊天窗url”

image.png

兼容

  1. my.canIUse('contact-button');

自定义咨询按钮(可选)

示例代码

  1. <contact-button tnt-inst-id="企业编码" scene="聊天窗编码" size="咨询按钮大小" color="咨询按钮颜色" icon="咨询按钮图片url" />

默认咨询按钮如下:

image.png

修改后咨询按钮如下:

image.png

支付宝端内消息提醒(可选)

示例代码

  1. <contact-button tnt-inst-id="企业编码" scene="聊天窗编码" alipay-card-no="2088用户ID"/>

示例效果

提醒一:打开支付宝,中间位置显示提示,点击即进入对话窗。

image.png

提醒二:服务提醒中显示客服回复的消息内容,点击即进入对话窗。

image.png

接入访客名片

通过 Java SDK 可以将零号云客服访客名片功能添加至支付宝小程序中。具体介绍,见 支付宝小程序接入访客名片

原文: https://docs.alipay.com/mini/component/contact-button