在線客服系統-源碼開發下載-搭建部署教程(最新版)

唯一客服是一套Golang在線客服系統源碼,可用做網頁在線客服諮詢軟件,通用網站客服源碼系統,智能機器人客服代碼。同時還可用作手機app客服源代碼,H5網頁客服,公衆號/微信小程序客服。
 
唯一客服是一款Golang在線客服系統源碼,支持快速部署快速接入,不限制商家數坐席數,支持客服機器人。唯一客服同時支持手機移動端和PC網頁客服。可以購買部署版,域名授權驗證,也可以購買客服系統源碼,得到所有源碼,源碼未加密支持二開。
 
  1. 智能客服系統簡介

智能客服可以用於自己網站、APP、微信、抖音等多種渠道在線客戶諮詢服務,或智能化AI回覆服務。
網站渠道
自營網站中,可以嵌入客服諮詢窗口,或跳轉客服聊天鏈接
二維碼對話
掃描生成的二維碼,可以直接進行對話
H5聊天鏈接
訪客聊天頁面爲響應式設計,可以適配手機端和PC端,點擊鏈接直接對話
APP渠道
在自營APP中,可以嵌入客服聊天鏈接
微信公衆號
諮訊框的對接,或公衆號菜單中嵌入客服聊天鏈接,網頁授權接口
微信小程序
原生客服組件對接,或WebView組件嵌入客服聊天鏈接
企業微信客服
對接客服消息推送接口,與回覆消息接口
企業微信應用
對接上傳信息接口,與下發信息接口,網頁授權接口
抖音評論回覆
對接抖音開放平臺接口,智能化回覆評論
抖音直播間
瀏覽器插件,發送話術與回覆評論區
抖音小店-飛鴿客服
瀏覽器插件,智能化回覆客戶諮詢
抖音私信
RPA軟件形式,智能化回覆客戶諮詢
個人微信/企業微信員工號
Hook PC端微信軟件形式,智能化回覆私聊或羣聊諮詢
釘釘機器人
對接上傳信息接口,與下發信息接口
QQ機器人
go-cqhttp框架或QYbot框架開發
客服系統是基於Golang語言自主開發的在線客服系統。創立於2019年初,是一款連接企業與客戶的即時通訊項目,遵循快速、簡潔的開發原則,是爲中小企業量身定製的全渠道客服系統,致力於幫助廣大開發者/公司快速部署整合私有化獨立客服功能,爲您的企業建立一座連接客戶的橋樑。
客服系統程序本身爲多商家多坐席SaaS客服系統,提供私有化獨立部署模式,獨立部署後也可以進行SaaS化運營服務。
我們提供的是智能客服解決方案,是一整套的系統、功能、方法論,包括不限於人工接待、關鍵詞機器人,GPT知識庫機器人等。
 
  1. 客服系統註冊與登錄

  1. 註冊賬號

在客服系統的登錄界面,我們可以直接創建一個賬號。
輸入自己的賬號名稱,暱稱,密碼,確認密碼,郵箱,以及郵箱驗證碼,就可以直接註冊一個賬號
 
我們也可以使用微信掃碼直接生成一個賬號,進行測試,賬號名稱就是微信的OpenID
我們還可以使用抖音掃碼直接生成一個賬號,並且能獲取到抖音的暱稱、頭像信息,作爲客服系統的暱稱頭像
  1. 登錄賬號

我們可以使用 賬號名稱、郵箱或手機,密碼進行直接登錄客服系統。
當顯示“登錄失敗”,即表示賬號或密碼輸入錯誤,請仔細檢查(不要將暱稱作爲賬號登錄)。
 
當綁定微信或抖音以後,我們還可以直接微信掃碼登錄或抖音掃碼登錄。
  1. 在線充值

線上註冊賬號使用,目前爲每月每賬號60
可以直接在後臺主頁,選擇充值時間,直接微信掃碼支付
  1. 網頁鏈接接入

PC網站或H5網站可以通過多種方式接入客服系統,直接訪問或跳轉聊天鏈接,是最簡單的一種方式
  1. 獲取聊天鏈接

前往【部署】【團隊設置】【網站接入】可以找到聊天鏈接,直接把該鏈接放入自己網站的任何位置,就可以點擊直接聊天了。
下面還有一個根據該鏈接生成的二維碼,可以直接截圖二維碼,發佈到網站上,或分享給微信/QQ等渠道。
  1. 聊天鏈接傳遞參數

visitor_id: 自定義會員ID
visitor_name: 自定義會員名稱
avator: 自定義會員頭像
lang: 多語言 cn 中文 , en英文,tw繁體
  1. 移動端網頁/APP接入

移動端網頁可以直接跳轉該聊天鏈接,聊天諮詢界面是基於響應式的設計,在移動端網頁上表現良好,可以直接訪問。
移動端APP可以使用webview組件接入,通過APP點擊諮詢按鈕,跳轉界面將聊天鏈接直接嵌入,也可以跳轉默認瀏覽器打開聊天鏈接。
  1. 單獨下載部署頁面

如果你需要將聊天鏈接分發到微信或QQ等渠道,那麼你需要自行購買域名服務器,將部署頁面放到自己服務器下。
使用自己的域名訪問和分發聊天鏈接,這樣可以防止主域名被封禁。
  1. 多語言客服系統實現方式

客服系統經常用於海外業務,或跨境電商獨立站,所以界面上需要支持多語言。
static/js/functions.js 中的checkLang()函數是檢測函數。
  • 首先,從URL參數 "lang" 中獲取語言,如果存在且在支持的語言列表中,則返回該語言。
  • 其次,從本地存儲(LocalStorage)中獲取語言設置,如果存在,則返回該語言。
  • 如果無法從URL參數和本地存儲中獲取語言,會嘗試從瀏覽器的 navigator.language 屬性獲取語言。
  • 最後,如果以上步驟都無法確定語言,則默認返回 "cn"(中文)。
根據上面返回的語種,動態加載對應的語言包文件,例如:/static/js/lang/en.js
如果有不存在的語種,可以隨時在語種文件 /static/js/lang/語種縮寫.js ,url參數中傳入語種縮寫lang=xx
 
//檢測語種 function checkLang(){ let lang = getQuery("lang") || getLocalStorage("lang"); if(!lang){ switch (navigator.language) { case "en-US": lang= "en"; break; default: lang= "cn"; } } loadJsFile("lang/"+lang+".js"); return lang; }
 
前端界面上的元素,根據語言包對象,展示對應的文案
 
var KEFU_LANG = { // 中文簡體 cn: { welcomeMessage: "歡迎使用客服聊天!", sendMessage: "發送消息", // 其他中文簡體文本... }, // 英文 en: { welcomeMessage: "Welcome to the live chat!", sendMessage: "Send message", // 其他英文文本... }, // 日語 jp: { welcomeMessage: "チャットをご利用いただきありがとうございます!", sendMessage: "メッセージを送信する", // 其他日語文本... }, // 其他語言... };
 
 
  1. 網頁JS彈窗接入

網站可以通過多種方式接入客服系統,使用JS彈窗形式也比較方便,該形式會在網站右下角出現客服彈窗,無需跳轉頁面,可在當前頁面聊天溝通
  1. 獲取彈窗代碼

前往【部署】【團隊設置】【網站接入】【彈窗模式】可以找到JS代碼,直接把該代碼粘貼到網頁任何位置,就可以點擊右下角圖標直接聊天了。
  1. JS代碼示例

<script type='text/javascript'> (function(a, b, c, d) { let h = b.getElementsByTagName('head')[0];let s = b.createElement('script'); s.type = 'text/javascript';s.src = c+"/static/js/kefu-front.js";s.onload = s.onreadystatechange = function () { if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") d(c); };h.appendChild(s); })(window, document,"https://gofly.v1kf.com",function(u){ KEFU.init({ KEFU_URL:u, KEFU_KEFU_ID: "商戶賬號", KEFU_ENT: "商戶ID", }) }); </script>
  1. 傳遞參數

KEFU_URL: 網站的URL地址,例如 https://域名 KEFU_KEFU_ID: 客服賬號用戶名 KEFU_ENT: 客服的商戶ID KEFU_LANG: cn 中文 , en英文 KEFU_SHOW_TYPES: 展示樣式,0:不展示,1:普通右下角,2:圓形icon KEFU_AUTO_OPEN: true 是否自動彈出,false 不自動 VISITOR_ID:訪客id VISITOR_NAME:訪客暱稱 VISITOR_AVATOR:訪客頭像
  1. 自定義客服圖標

KEFU_SHOW_TYPES:0 可以隱藏掉默認的客服圖標
自行開發一個圖標按鈕界面,增加以下點擊事件,可以在右下角打開聊天窗口
KEFU.showPanel()
或者完全自行開發彈窗功能,彈窗頁面使用聊天鏈接。如果存在iframe嵌入聊天鏈接,應注意添加以下參數。否則不展示頭部效果
聊天鏈接 &show_title=yes
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章