当前位置:首页 > 使用手册 > 正文内容

第二步:网站/网页客服聊天弹窗js代码接入

taoshihan2年前 (2023-08-14)使用手册2488

网站可以通过多种方式接入客服系统,使用JS弹窗形式也比较方便,该形式会在网站右下角出现客服弹窗,无需跳转页面,可在当前页面聊天沟通

获取弹窗代码

前往【部署】【团队设置】【网站接入】【弹窗模式】可以找到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://自己域名",function(u){
        KEFU.init({
            KEFU_URL:u,
            KEFU_KEFU_ID: "商户账号",
            KEFU_ENT: "商户ID",
        })
    });
</script>

传递参数

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 不自动


扫描二维码推送至手机访问。

版权声明:本文由智语aichat发布,如需转载请注明出处。

本文链接:https://www.sopans.com/post/5.html

分享给朋友:

“第二步:网站/网页客服聊天弹窗js代码接入” 的相关文章

第四步:多客服坐席的创建与智能分配

第四步:多客服坐席的创建与智能分配

系统本身是属于多商家多坐席SaaS客服系统,每个商家账号之间是独立的互相不可见,商户下可创建商户子账号。创建子账号商家身份前往后台,【菜单】【团队设置】【客服管理】【创建账号】角色部分选择普通坐席客服坐席分配原则访客智能分配的意思是,当访客打开聊天界面,会自动在多个客服坐席账号之间进行分配。现在的实...

RPA自动化全平台文章同步助手

RPA自动化全平台文章同步助手

在当今文案自媒体时代,我们通常在各大平台都拥有账号,需要同步发布文章。然而,这个过程常常让人感到非常繁琐,因为我们需要将文章复制粘贴到不同平台上。但是,现在我们可以借助RPA(Robotic Process Automation,机器人流程自动化)技术来解决这个问题。RPA技术利用软件机器人来模拟和...

微信朋友圈AI助手-自动点赞评论机器人-程序员老狼

通过Python脚本控制操作桌面版微信,刷新朋友圈,逐条获取朋友圈内容,调用AI接口生成一条评论内容,再逐条点赞和评论朋友圈动态。前提在唯一客服网站注册账号,并填写自己的OpenAI KEY ,这样就可以通过API接口的形式调用AI接口。请联系管理员获取python脚本配置Python环境参考win...

【分享】获取微信通讯录python代码形式实现

【分享】获取微信通讯录python代码形式实现

具体流程就是:1. 打开微信 2. 点击通讯录3. 滚动鼠标到最顶部(防止已经滚动了一部分了)4. 获取联系人列表5. 找到最后一个空格所在的位置(后一个就是真正的联系人了)6. 点击第一个联系人7.记录下上一个联系人的微信号7. 无限循环按键盘下箭头当前微信号与上一个相同的时候,说明到底部了,可以...

【分享】xpath的属性表达式

在XPath中,要选择HTML文档中具有特定类的元素,您通常需要使用属性选择器 [@attribute-name='attribute-value'] 来选择元素,其中 attribute-name 是属性名称,attribute-value 是要匹配的属性值。对于HTML元素的类选择器,您可以使用...

【分享】影刀使用xpath捕获指定的元素

【分享】影刀使用xpath捕获指定的元素

xpath捕获元素比较精准,前面也介绍了xpath的用法现在捕获社区里帖子详情页的标题//*[@class='discuss_detail_header___3LhnQ']/h1找到class是discuss_detail_header___3LhnQ的子元素h1获取文章内容//*[@id=...