支付宝小程序如何添加contact-button智能客服组件

支付宝小程序的智能客服组件是由蚂蚁零号云客服提供，在对应小程序管理后台后，点击  设置 > 小程序信息 > 在线客服 即可打开云客服免费使用。

多端小程序推荐：
https://www.zhuige.com/product.html

那么支付宝小程序如何添加contact-button智能客服组件呢？

1、集成咨询窗代码示例：

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

tntInstId（企业编码）和 scene（聊天窗编码）需要在设置 > 服务窗配置 > 聊天窗 URL中获取。

2、若想自定义咨询按钮可以使用下面代码：

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

3、支付宝端内消息提醒

<contact-button tnt-inst-id="企业编码" scene="聊天窗编码" alipay-card-no="2088用户ID" ext-info="扩展信息"/>

根据支付宝小程序官网介绍，基础库 1.14.1 或更高版本；版本较低，需做兼容处理，另一个就是智能客服仅支持企业用户。

详细介绍和属性参考可关注支付宝小程序官网文档：
https://opendocs.alipay.com/mini/component/contact-button