admin管理员组

文章数量:1530035

微信小程序组件 contact-button(客服会话按钮)

contact-button


客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。

在页面中使用<contact-button/>可以显示进入客服会话按钮。

当用户在客服会话发送消息(或进行某些特定的用户操作引发的事件推送时),微信服务器会将消息(或事件)的数据包(JSON或者XML格式)POST请求开发者填写的URL。开发者收到请求后可以使用发送客服消息接口进行异步回复。

微信服务器在将用户的消息发给小程序的开发者服务器地址(开发设置处配置)后,微信服务器在五秒内收不到响应会断掉连接,并且重新发起请求,总共重试三次,如果在调试中,发现用户无法收到响应的消息,可以检查是否消息处理超时。关于重试的消息排重,有msgid的消息推荐使用msgid排重。事件类型消息推荐使用FromUserName + CreateTime 排重。

属性名类型默认值说明
sizeNumber18会话按钮大小,有效值 18-27,单位:px
typeStringdefault-dark会话按钮的样式类型
session-fromString
用户从该按钮进入会话时,开发者将收到带上本参数的事件推送。本参数可用于区分用户进入客服会话的来源。

type 有效值:

说明
default-dark
default-light

示例代码

<contact-button 
  type="default-light" 
  size="20"
  session-from="weapp"
>
</contact-button>

相关组件:button 组件通过设置 open-type="contact" 亦可进入客服会话

本文标签: 客服组件按钮程序微信小