在線客服系統(tǒng)接入微信小程序的3種辦法

摘要：

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

在線客服系統(tǒng)接入微信小程序

接入方式一：對話窗口鏈接跳轉(zhuǎn)

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

接入方式二：客服系統(tǒng)后臺對接微信小程序

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

添加配置小程序參數(shù)

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

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

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ā)送消息就能在快商通客服系統(tǒng)的客戶端收到了。

接入方式三：在源代碼中插入客服系統(tǒng)JS代碼

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

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

小程序接入在線客服系統(tǒng)

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

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

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

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

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

總結(jié)：

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

相關(guān)推薦：

APP接入客服系統(tǒng)的三種方式

微信公眾號如何接入在線客服系統(tǒng)