ContactButton
智能客服
支持情况:
类型
ComponentType<ContactButtonProps>
ContactButtonProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
tntInstId | string | 是 | 必填。企业唯一编码,一个企业支付宝账号对应一个编码。 | |
scene | string | 是 | 必填。聊天窗编码,每个聊天窗的唯一编码。 | |
size | string or number | 25 | 否 | 选填。咨询按钮大小,正方形设置边长(如25*25 px)。 |
color | string | "#00A3FF" | 否 | 选填。咨询按钮颜色,默认白底蓝色。 |
icon | string | 否 | 选填。咨询按钮头像。 | |
alipayCardNo | string | 否 | 选填。支付宝访客用户ID(2088开头)。 说明: 客服回答问题时,如客户已离开咨询窗口,则通过推送消息到支付宝 card 中提醒客户。 | |
extInfo | string | 否 | 选填。该属性主要用于传递一些扩展信息给组件,以实现一些高级功能。该属性值的生成方式为:encodeURIComponent({"字段名":"字段值"}), 其中,字段名和字段值要根据实际使用的功能进行替换。 目前通过传入扩展信息可支持的 3 个功能: 1.访客名片。需传 cinfo 和 key 两个扩展字段,代码形如在云客服中进入 设置 > 服务窗配置 > 聊天窗 URL。点击操作栏中的 聊天窗 URL ,获取 tntInstId(企业编码)和 scene(聊天窗编码)。encodeURIComponent({"cinfo":"生成的 cinfo","key":"生成的key"}),cinfo 和 key 的值说明 支付宝小程序接入访客名片; 2.聊天窗默认带出用户的小程序订单数据。需传 appId 字段,代码形如encodeURIComponent({"appId":"商户小程序appid"}) 3.未读客服消息同步至"我的小程序-我的"。同样需传 appId 字段,代码形如 encodeURIComponent({"appId":"商户小程序appid"})。 |
API 支持度
API | 微信小程序 | 支付宝小程序 | H5 | React Native | Harmony |
---|---|---|---|---|---|
ContactButtonProps.tntInstId | ✔️ | ||||
ContactButtonProps.scene | ✔️ | ||||
ContactButtonProps.size | ✔️ | ||||
ContactButtonProps.color | ✔️ | ||||
ContactButtonProps.icon | ✔️ | ||||
ContactButtonProps.alipayCardNo | ✔️ | ||||
ContactButtonProps.extInfo | ✔️ |