近日，環信客服雲企業版正式發布，**客服系統全面公升級，網頁端接入優勢進一步加強，營銷場景全面公升級，同時推出了業界最專業的小程式客服。2023年微信小程式數量超過100萬個，覆蓋超過200個細分行業，questmobile發布的《小程式2019半年報告》顯示，2023年微信小程式使用者量已暴漲到7億，其中，生活服務、移動購物、手機遊戲領域位居mau top 3，使用者量分別達到5.28億、4.32億、3.48億，2023年小程式領域gmv預計突破萬億，小程式客服市程式設計客棧場空間已經被完全開啟!小程式經歷了一年使用者沉澱，2023年將會逐漸實現變現轉化，而交易則是小程式領域變現的重要方式，孕育著極大的潛力，而專業的小程式客服就是加速商業變現的利器。
環信專業小程式客服5大特性助力商家降本增效加速商業變現：
1、簡單快速：支援開發者授權和第三方授權，不影響已有的小程式業務系統，實現快速對接。
2、降本增效：支援管理多個小程式，支援全渠道(**、app、微信、小程式、微博、呼叫中心)統一管理和統一服務，實現坐席人員lnunchcxfq的高復用，提高服務效率，降低服務成本。
3、自動識別客戶：支援同步獲取小程式訪客資訊(openid、暱稱、頭像、姓名、聯絡**等)，提高服務水平。
4、智慧型路由分配：支援根據小程式業務場景，自動分配給適合的坐席，提高服務效率和問題解決率。
5、智慧型服務：平滑對接環信智慧型機械人，實現24*7智慧型服務，降低服務成本。
環信專業小程式客服整合攻略：
早期環信對接小程式已經提供了開發者授權模式，這種方式的弊端是如果使用者有其他業務需要根據小程式appid和appsecret獲取access_token的情況下，會和環信產生衝突從而導致小程式收不到客服訊息的問題，基於此，環信推出了第三方平台授權模式，同時也推出了一些更完善的功能。
一、針對開發者模式access_token衝突的問題，我們提供了對應的解決方案：
為避免衝突，我們提供介面供使用者獲取微信的access_tokenlnunchcxfq，雙方共享使用避免衝突。
二、推出第三方平台授權模式整合方式，該方式更為簡單、便捷，只需一步即可完成對接，且沒有access_token衝突的問題，所以我們推薦使用這種方式。整合流程如下：
2.1 在客服工作台【管理員模式】->【渠道管理】->【微信小程式】下選擇小程式繫結方式，如圖所示：
2.2 選擇第三方平台授權模式，登入授權->獲取授權***
2.3掃瞄授權***，點選授權確認即可
注：授權模式這裡只授權了幫助小程式接收和傳送客服訊息相關的兩種許可權集合，安全可靠且不影響其他業務使用。
2.4 繫結成功，會看到如下提示：
2.5 測試繫結成功
設定會話理由規則，這裡可以分上下班指定技能組或者機械人。
下面我們來測試一下效果，微信端接收訊息介面如下圖：
坐席端接收訊息介面如下：
大功告成，現在你的使用者就可以在小程式中和客服開心愉快的聊天了!
三、完善諮詢按鈕配置
繫結完成後，在微信小程式的原始碼中新增如下**，配置客服按鈕。完成後，微信使用者即可點選該按鈕發起諮詢。
聯絡客服
新增示例如下：
3.1 基於官方微信小程式推出的新特性，客服端可以獲取和展示微信使用者的暱稱和頭像，需要小程式中嵌入如下**：
聯絡客服
注：1)獲取暱稱和頭像，需要首先獲取小程式userinfo
2)session-from欄位傳key:value形式的json字串
3.2 後續即將推出根據session-from欄位完成入口指定坐席、技能組等會話接待功能
四、客服後端新增微信lnunchcxfq小程式入口改版
為清晰區分開微信***和小程式兩種關聯模式，我們將原來的小程式開發者模式從「微信***」裡拆了出來，和「第三方授權模式」一起放在了「微信小程式」的渠道管理專欄。如圖所示：
本文標題: 環信小程式客服5大特性及整合攻略
本文位址: /news/media/262587.html
微信小程式 聯絡客服按鈕樣式修改
在頁面中使用或者 可以顯示進入客服會話按鈕。這時候聯絡客服按鈕的樣式就是固定的，怎樣能夠修改為我們自己想要的效果咧！這是我在專案中需要實現的客服按鈕，實現做法如下 1.結構 2.樣式 contact btn contact btn image contact list 在類名為 contact li...
微信小程式客服訊息使用指南
使用者可使用小程式客服訊息功能，與小程式的客服人員進行溝通。客服訊息會話入口有兩個 1 小程式內 開發者在小程式內新增客服訊息按鈕元件，使用者可在小程式內喚起客服會話頁面，給小程式發訊息 客服訊息下發條件 小程式使用者在小程式內喚起客服會話或使用者給小程式客服傳送訊息，具體下發時間有效期及訊息條數限...
微信小程式學習之路（三） 懸浮客服按鈕
我寫的懸浮按鈕，是參考官網文件，並稍加修改得到的 廢話不多，看 movable area 是movable view 可移動的區域，如果需要新增內容，比如展示資訊之類的，可以放在movable view標籤的前面。且，page的height 設定為auto。js部分 獲取應用例項 page tap ...