网站可以通过多种方式接入客服系统，直接跳转链接，或者在页面右下角弹窗
访客链接
可以在自己的网站接入，访客独立链接，入口形式可以完全自己写，只是跳转链接。
例如下面的访客链接
https://gofly.v1kf.com/chatIndex?kefu_id=taoshihan&ent_id=5
url中可以传递的参数介绍
visitor_id: 自有会员
visitor_name: 自有会员名称
avator: 自有会员头像
lang: 多语言 cn 中文 ， en英文，tw繁体
弹窗模式
将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: "taoshihan",
KEFU_ENT: "5",
KEFU_LANG:"cn",
KEFU_SHOW_TYPES:1,
KEFU_AUTO_OPEN:false
})
});
</script>
弹窗模式的参数解释：
KEFU_KEFU_ID: 客服账号用户名
KEFU_ENT: 客服的商户ID
KEFU_LANG: cn 中文 ， en英文
KEFU_SHOW_TYPES: 展示样式，0：不展示，1：普通右下角，2：圆形icon
KEFU_AUTO_OPEN: true 自动展开，false 不自动
自定义弹窗图标按钮
如果对现在两种浮窗按钮不满意
设置KEFU_SHOW_TYPES:0 ，把两种浮窗按钮都隐藏
可以自己写一个浮窗按钮，然后增加点击事件，同样可以以弹窗形式展示出聊天窗口
例如：
<a href="javascript:KEFU.showPanel();">在线客服</a>
传递商品信息
如果需要传递产品信息，将base64加密的json字符串作为extra参数传递，可以参考下面json:
base64加密({"visitorProduct":{"title":"纯坚果零食大礼包一整箱干果类网红爆款解馋小吃休闲食品送女友","price":"￥9.9","img":"https://img.alicdn.com/bao/uploaded/i1/2201453915278/O1CN01dZolFu1orN8dFeKAj_!!0-item_pic.jpg_200x200q90.jpg_.webp","url":"https://www.taobao.com"}})
base64后的数据
eyJ2aXNpdG9yUHJvZHVjdCI6eyJ0aXRsZSI6Iue6r+WdmuaenOmbtumjn+Wkp+ekvOWMheS4gOaVtOeuseW5suaenOexu+e9kee6oueIhuasvuino+mmi+Wwj+WQg+S8kemXsumjn+WTgemAgeWls+WPiyIsInByaWNlIjoi77+lOS45IiwiaW1nIjoiaHR0cHM6Ly9pbWcuYWxpY2RuLmNvbS9iYW8vdXBsb2FkZWQvaTEvMjIwMTQ1MzkxNTI3OC9PMUNOMDFkWm9sRnUxb3JOOGRGZUtBal8hITAtaXRlbV9waWMuanBnXzIwMHgyMDBxOTAuanBnXy53ZWJwIiwidXJsIjoiaHR0cHM6Ly93d3cudGFvYmFvLmNvbSJ9fQ==
带入访客链接中
https://gofly.v1kf.com/chatIndex?kefu_id=taoshihan&ent_id=5&extra=eyJ2aXNpdG9yUHJvZHVjdCI6eyJ0aXRsZSI6Iue6r+WdmuaenOmbtumjn+Wkp+ekvOWMheS4gOaVtOeuseW5suaenOexu+e9kee6oueIhuasvuino+mmi+Wwj+WQg+S8kemXsumjn+WTgemAgeWls+WPiyIsInByaWNlIjoi77+lOS45IiwiaW1nIjoiaHR0cHM6Ly9pbWcuYWxpY2RuLmNvbS9iYW8vdXBsb2FkZWQvaTEvMjIwMTQ1MzkxNTI3OC9PMUNOMDFkWm9sRnUxb3JOOGRGZUtBal8hITAtaXRlbV9waWMuanBnXzIwMHgyMDBxOTAuanBnXy53ZWJwIiwidXJsIjoiaHR0cHM6Ly93d3cudGFvYmFvLmNvbSJ9fQ==
产品卡片信息展示的效果
传递扩展信息
比如传递订单号或者其他一些扩展字段信息
访客链接?extra=base64加密的json数据
比如下面这段json{"order_sn":"hsi934894002382434","order_time":"2022-12-22","monry":1200}
base64以后
eyJvcmRlcl9zbiI6ImhzaTkzNDg5NDAwMjM4MjQzNCIsIm9yZGVyX3RpbWUiOiIyMDIyLTEyLTIyIiwibW9ucnkiOjEyMDB9
带入到访客链接中
https://gofly.v1kf.com/chatIndex?kefu_id=taoshihan&ent_id=5&extra=eyJvcmRlcl9zbiI6ImhzaTkzNDg5NDAwMjM4MjQzNCIsIm9yZGVyX3RpbWUiOiIyMDIyLTEyLTIyIiwibW9ucnkiOjEyMDB9
客服后台的效果
客服分配规则
- 【默认情况】 访客链接参数中的kefu_id默认是商户主账号，也就是分配给主账号
- 【多客服-主账号优先】 kefu_id为主账号，主账号离线或者设置为离线状态，访客会被平均分配给在线的子账号
- 【多客服-指定账号优先】 如果想要指定某个客服接待时，kefu_id设置为该客服的账号，该客服不在线就分配给其他在线账号