
微信小程序客服越來越火,可以預(yù)見接下來是微信小程序的時(shí)代,微信小程序必將在移動(dòng)互聯(lián)網(wǎng)時(shí)代創(chuàng)造更多的價(jià)值,下面來介紹環(huán)信小程序客服集成方法,幫您完善客服渠道,全面接觸客戶,提高客戶的服務(wù)體驗(yàn)。
環(huán)信客服云支持微信小程序接入,綁定后您可以使用環(huán)信客服云統(tǒng)一接收與回復(fù)通過小程序咨詢的消息?梢灾付ǹ头、技能組,并使用環(huán)信機(jī)器人實(shí)現(xiàn)7*24小時(shí)不間斷客服。支持接收富媒體消息比如語音、小視頻、定位等等。在統(tǒng)計(jì)方面,小程序?qū)儆谖⑿徘,小程序用戶產(chǎn)生的會(huì)話消息將以微信渠道的形式在客服工作臺(tái)進(jìn)行展示和統(tǒng)計(jì)。
環(huán)信小程序客服只要簡(jiǎn)單4步即可,集成方法如下:
準(zhǔn)備工作:
1.登陸到微信小程序平臺(tái),收集小程序名稱,原始ID,這在設(shè)置-基本設(shè)置可以看到。

2.收集小程序ID,小程序密鑰,這在設(shè)置-開發(fā)設(shè)置可以看到。

集成工作:
1.登錄到客服工作平臺(tái)-渠道管理-微信-添加微信關(guān)聯(lián),選擇添加“微信小程序”。

然后就出現(xiàn)需要添加的信息(上面準(zhǔn)備工作收集到的信息),直接在“微信公眾平臺(tái)-小程序”設(shè)置中拿到這些準(zhǔn)備好的信息填寫。
注意:第一步填寫信息之后,不要刷新瀏覽器,否則就直接添加成功,需要聯(lián)系環(huán)信刪除重新綁定

2.獲取token和key進(jìn)行綁定
登陸到微信小程序平臺(tái),綁定token
(微信公眾平臺(tái)-設(shè)置-開發(fā)設(shè)置-消息推送(開啟)-消息推送配置)
注意:要先在“環(huán)信客服工作平臺(tái)”進(jìn)行下一步操作,才能在“微信小程序平臺(tái)”繼續(xù)操作,token可以任意設(shè)置。

消息推送配置如下圖:

3.綁定完成
綁定完成后會(huì)得到如下提示:

4.綁定完成后,在微信小程序的源碼中添加如下代碼,配置客服按鈕。完成后,微信用戶即可點(diǎn)擊該按鈕發(fā)起咨詢。
<buttonopen-type=“contact”bindcontact=“handleContact”>小程序客服</button>
添加示例如下:

5.下面我們來測(cè)試一下效果:
客服接收消息界面如下圖:


大功告成,現(xiàn)在就可以在小程序中和客服小伙伴溝通了,
注意:小程序不顯示訪客昵稱,頭像。!