在線客服系統接入微信小程序的3種辦法

摘要：

在線客服系統可以通過在小程序在線咨詢按鈕插入對話鏈接的方式實現接入，或者通過快商通后臺添加配置app key和app secret實現接入，以及通過代碼嵌入的方式來接入微信小程序渠道。本文將為大家詳細介紹這3種辦法。

在線客服系統接入微信小程序

接入方式一：對話窗口鏈接跳轉

我們可以在小程序商品頁面現有的在線咨詢按鈕上添加一個在線客服的聊天窗口鏈接，當訪客點擊按鈕時會自動跳轉到對話頁面跟企業(yè)客服人員直接進行溝通，以此實現在線客服的功能。
實現方式很簡單，打開快商通，找到【設置】-【代碼生成】入口進入，頁面下拉獲取到對話鏈接的URL，復制到小程序網頁上的在線咨詢按鈕的指向鏈接地址上就行了。

接入方式二：客服系統后臺對接微信小程序

打開快商通，找到【智慧云平臺】-【微信小程序】入口進入，選擇【添加小程序】，然后到小程序后臺“設置-基本信息-賬號信息”或‘設置-開發(fā)設置-開發(fā)者ID’中獲取小程序名稱、原始ID、App ID、APPSecret相關信息填入提交即可。

添加配置小程序參數

填寫完配置后將商品頁面上的在線咨詢按鈕代碼按照下面給進行調整就可以了。

在進入客服對話的聊天按鈕屬性中添加如下字段：

session-from = "kst|訪客昵稱|訪客頭像|訪客性別|訪客國家|訪客省份|訪客城市"

代碼demo如下：

<button open-type="contact" session-from='kst|{{userInfo.nickName}}|{{userInfo.avatarUrl}}|{{userInfo.gender}}|{{userInfo.country}}|{{userInfo.province}}|{{userInfo.city}}'>進入客服會話</button>

完成這步以后，就訪客從對話窗口發(fā)送消息就能在快商通客服系統的客戶端收到了。

接入方式三：在源代碼中插入客服系統JS代碼

打開快商通，進入【設置】-【代碼生成】，選擇手機圖標，系統會自動生成適配移動端的代碼，把這串代碼直接復制插入到小程序頁面的尾部代碼中就可以直接顯示了。

小程序成功接入在線客服系統后的效果展示：

小程序接入在線客服系統

從小程序渠道來的客戶都會顯示一個小程序的logo，非常有辨識度，方便客服人員進行客戶識別和管理。

三種接入微信小程序的方式哪種更好

對話窗口鏈接跳轉的方式非常直接，實現速度快并且簡單，哪怕是完全不懂技術的人員也可以快速獲取到對話鏈接插入到咨詢按鈕上，缺點是對話窗口的UI可能跟小程序本身的UI風格不太一樣。

客服系統后臺對接小程序的方式相對來說比較麻煩，具備一定的技術性，在快商通客服人員的指導下也能順利完成配置。優(yōu)勢是可以直接調用小程序本身的UI風格，直接在自帶的對話窗口內實現聊天對話數據的收發(fā)。

代碼插入的方式屬于比較多在網站上使用的方式，生成出來的組件需要進行自定義才能比較貼合小程序自身的風格，在小程序上也可以使用，但更多采用第二種方式進行接入。

總結：

以上便是在線客服系統接入微信小程序的3種方式，如果沒有這方面的技術和操作經驗，可以聯系快商通人工客服提供技術支持來解決在線客服接入的問題。

相關推薦：

APP接入客服系統的三種方式

微信公眾號如何接入在線客服系統