528
逸創雲客服
如何使用網頁客服組件API來提升信息獲取和調用靈活性
提及逸創雲客服的網頁客服組件功能相信很多在用企業並不陌生， 當使用逸創雲客服的KCHAT渠道時，您需要將KCHAT以網頁組件的形式放置於您的網頁上，當您的網頁訪客點擊網頁按鈕時即可發起留言反饋、在線交談或是文檔搜索等操作，如下圖：
但是我們也搜集了一些客戶的反饋，認為網頁客服組件還是存在一定的不靈活性，比如必須要放置按鈕才能發起交談窗口，關閉客服組件需要點擊，無法獲取當前已登錄的用戶的信息進而開啟交談等等。
這些問題可以使用網頁客服組件API進行很好的解決，我們先看下網頁客服組件API的一些特性：
網頁客服組件API能方便企業開發者拓展網頁客服組件的能力，提供靈活的組件調用方式、控製方式等，此外，通過API可以讓網頁客服組件獲取到當前網頁的用戶信息，並將信息傳入網頁客服組件，讓用戶發起留言和在線交談時無需再次輸入用戶信息。
小特性
1、引入方式簡單：要使用網頁客服組件API，隻需在頁麵引入外部JS文件，無需下載其他文件，不依賴於其他第三方框架或對象。
2、開發使用快捷、成本低：盡在網頁前端添加script標簽，使用javascript即可調用所有API方法，實現功能擴展和定製性開發。
3、傳遞用戶信息給組件：通過網頁客服組件API，可將您網站收集的用戶信息傳遞給客服組件、自動填寫工單表單，為客戶提供具有針對性的服務。
4、場景操作定製化：通過網頁客服組件API，可實現顯示和隱藏客服組件按鈕、顯示和隱藏客服組件交互界麵、刷新客服組件的內容，適應各種使用場景。
網頁客服組件API提供的方法
identify 傳遞用戶信息給組件
removeButton 移除默認按鈕
showButton 顯示默認按鈕
hideButton 隱藏默認按鈕
open 打開組件彈出層
close 關閉組件彈出層
refresh 刷新組件內頁麵
具體的使用方法請查看我們的開發者文檔裏的網頁客服組件API裏每個函數的用法。
懂技術的小夥伴肯定一下就能明白其中的含義，網頁客服組件API定義了若幹靈活可操作的函數方便企業按照自己喜歡的方式來操作網頁客服組件的自定義事件。了解到這裏，下麵我向大家介紹一些比較實用的場景：
通過鏈接形式觸發網頁客服組件
用這種方式可以很方便代替默認的點擊反饋按鈕來觸發反饋窗口的方式，企業可以定義一個鏈接，然後使用 OPEN 方法來開啟反饋窗口，如下圖所示：
在文字中嵌入的鏈接可以給該鏈接標簽添加OPEN事件來開啟反饋窗口。同時別忘了使用 hideButton 函數來隱藏默認的網頁客服組件按鈕哦。
僅需要以下兩部分JS代碼即可
window.KF5SupportBoxAPI.ready(function()
{
// 打開組件彈出層
window.KF5SupportBoxAPI.open(function(){
// 動畫完成後執行的回調函數
});
});以及
window.KF5SupportBoxAPI.ready(function()
{
// 移除默認按鈕
window.KF5SupportBoxAPI.removeButton();
});獲取網頁當前登錄用戶的基本信息
當企業把網頁客服組件使用於用戶係統或者是SAAS產品中時，可能希望在用戶交談時或是發起留言反饋時獲取到當前登錄用戶的基本信息，如姓名、郵箱和手機號，免去用戶重複輸入這些信息，也方便接待的客服能獲取到用戶的真實信息而非匿名訪客，那麼用這個功能就對了。
使用 identify 函數可以獲取到網頁當前已登錄的用戶的信息，並在用戶發起對話時，將這些信息傳入網頁客服組件，客服在接待時能立即獲取到該用戶的真實信息。
企業的開發者隻需下麵幾行JS代碼，傳入當前登錄的用戶信息即可實現，需要企業技術的同學協助哦！！
window.KF5SupportBoxAPI.ready(function()
{
// 傳遞用戶信息給組件使用
window.KF5SupportBoxAPI.identify({
"name" : "用戶昵稱" ,
"email" : "用戶郵箱" ,
"phone" : "用戶手機"
});
});此外，企業還可以根據這些函數的功能配合實現想要的效果和功能。
比如必須企業必須要在執行了某步操作後，才可以讓用戶發起交談和反饋，那麼可以在執行了這步後由企業的程序執行 showButton 顯示默認按鈕，然後讓用戶發起交談，並獲取當前用戶的基本信息。
怎麼樣？ 學會了麼？ 如果還有疑問請及時和我們的服務人員聯係哦！
當然，如果您還有更好的提議希望多向我們進行反饋，我們的產品哥哥很開心收到大家的反饋建議。
如果還有問題，請用網頁打開： https://developer.kf5.com/supportbox 查看詳細開發文檔。
最後更新：2017-02-07 22:26:56