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

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

contact-button

---

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

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

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

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

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

type 有效值：

值	说明
default-dark
default-light

示例代码

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

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