客服會話按鈕，用於在頁面上顯示一個客服會話按鈕，使用者點選該按鈕後會進入客服會話。

效果圖如下，

1.index.wxml中：  第一種實現方式：

<view class='myView'>第一種方式實現：</view> <contact-button class='cBtn' type="default-dark" size="20" session-from="weapp"> </contact-button> 第二種實現方式：

<view class='myView'>第二種方式實現：</view>  <button class="cs_button" open-type="contact" session-from="weapp">   <image class="cs_image" src="../images/cs.png"></image> </button>  2.index.wxss中：

.myView {   font-size: 35rpx;   margin: 20rpx; }

.cBtn {   height: 100rpx;   margin-left: 300rpx; }

.cs_button {   background-color: #fff;   border: 0px;   height: 100rpx;   position: fixed;   margin-left: 240rpx; }

.cs_button:after {   border: 0px; }

.cs_image {   width: 100rpx;   height: 100rpx; } 3.然後就可以去小程式後臺配置客服人員了，

4.新增客服人員

5.繫結微訊號

6.確定

7.點選線上客服功能，進行掃碼登入

8.允許登入，進入後臺

如果有人進行客服對話的話，就可以在這個後臺就可以看到了

本人菜鳥一個，有什麼不會的地方希望大家指出評論，大神勿噴，希望大家一起學習進步！