在线客服系统-源码开发下载-搭建部署教程(最新版)

唯一客服是一套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
posted @ 2024-04-08 12:00  唯一客服系统开发笔记  阅读(188)  评论(0编辑  收藏  举报