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

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

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

网站可以通过多种方式接入客服系统,使用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发布,如需转载请注明出处。

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

分享给朋友:

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

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

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

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

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

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

除了ChatGPT,跨境电商必备的7个AI工具

除了ChatGPT,跨境电商必备的7个AI工具

要想做好一件事,就必须做好准备。目前,ChatGPT的火热程度相信大家有目共睹。此类人工智能类工具可以帮助跨境电商大幅提升效率和效果。那么,除了ChatGPT之外,跨境电商常用的必备工具还有哪些呢?1.  MonicaMonica 是一个基于 Google Chrome 浏览器的扩展插件,...

【分享】小红书数据采集入excel表格

【分享】小红书数据采集入excel表格

思路:1. 打开小红书关键词页面2. 循环指定次数,并鼠标往下滚3. 获取元素列表,循环元素列表4. 判断标题是否在list中,如果在就跳过,如果不在将标题存入list中5. 点击元素,读取标题和内容,存入excel,按ESC键...

太香了! 用影刀RPA控制ChatGPT自动产出内容

太香了! 用影刀RPA控制ChatGPT自动产出内容

用过 ChatGPT 的小伙伴都懂得自动生成内容有多爽不管是小红书笔记、dou 音脚本,还是公号文章打磨好输出模板就能稳定地产出高质量内容,再也不纠结没内容了但要是想批量做出多条内容,每段提示词都要重新输入简直把自己变成了莫得感情的“提示词录入器”这时,就轮到解放双手的影刀RPA上场啦你只需要把提问...

财务人学rpa的体会

最近准备3月份的半马,一直忘记更新rpa的学习体会啦。首先RPA(Robotic Process Automation,机器人流程自动化)是一种自动化技术,可以模拟人工操作执行重复的、规则性的、体力和智力不高的工作,提高生产效率和精度。财务人员可以通过学习RPA来优化和简化自己的工作流程,例如自动化...