智能客服
智能客服能力由蚂蚁金服零号云客服提供。唤起智能客服组件,开通智能客服详见接入指引
属性名 | 类型 | 默认值 | 描述 | 使用场景 | 最低版本 |
---|---|---|---|---|---|
tnt-inst-id | String | 必填。企业唯一编码,一个企业支付宝账号对应一个编码。 | |||
scene | String | 必填。聊天窗编码,每个聊天窗的唯一编码 | |||
size | Number/String | 25 | 选填。咨询按钮大小,正方形设置边长(如25*25) | 1.9.0 , 1.12.0 开始支持rpx 单位 | |
color | String | #00A3FF | 选填。咨询按钮颜色,默认白底蓝色 | 1.9.0 | |
icon | ImgUrl | 选填。咨询按钮头像 | 1.9.0 | ||
alipay-card-no | String | 选填。支付宝访客用户ID(2088开头) | 客服回答问题时,如客户已离开咨询窗口,则通过推送消息到支付宝card中提醒客户。 |
基础库1.4.1,支付宝10.1.10开始支持。
API示例
集成咨询窗(必选)
示例代码:
<contact-button tnt-inst-id="企业编码" scene="聊天窗编码"/>
其中,tntInstId(企业编码)和scene(聊天窗编码)获取方式【路径】:机器人—聊天窗管理—选中聊天窗,操作栏中点击“聊天窗url”
兼容
my.canIUse('contact-button');
自定义咨询按钮(可选)
示例代码
<contact-button tnt-inst-id="企业编码" scene="聊天窗编码" size="咨询按钮大小" color="咨询按钮颜色" icon="咨询按钮图片url" />
默认咨询按钮如下:
修改后咨询按钮如下:
支付宝端内消息提醒(可选)
示例代码
<contact-button tnt-inst-id="企业编码" scene="聊天窗编码" alipay-card-no="2088用户ID"/>
示例效果
提醒一:打开支付宝,中间位置显示提示,点击即进入对话窗。
提醒二:服务提醒中显示客服回复的消息内容,点击即进入对话窗。
接入访客名片
通过 Java SDK 可以将零号云客服访客名片功能添加至支付宝小程序中。具体介绍,见 支付宝小程序接入访客名片。