前端在线客服窗口的制作

2024-06-01 15:30| 来源: 网络整理| 查看: 265

要制作比较完善，功能强大的在线客服弹窗，还需要用到第三方的工具，

（我使用的是智齿客服，个人感觉还是比较强大，方便的。）

html中写一个点击事件：kefu()

js:

function kefu(){ var url=''; //转向网页的地址;(这里就是填写第三方工具给的链接) var name='项目名称 '; //网页名称，可为空; var iWidth=410; //弹出窗口的宽度; var iHeight=600; //弹出窗口的高度; //获得窗口的垂直位置 var iTop = (window.screen.availHeight - iHeight-100 ); //获得窗口的水平位置 var iLeft = (window.screen.availWidth - iWidth-100); window.open(url, name, 'height=' + iHeight + ',,innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no'); }

只需要执行上述的js代码就可以生成一个简单的弹窗，不过，还需要自己在第三方的网页中去设置客服管理（比如客服的人员有哪些，一些自动回复的问题，弹框样式等等）。

大概的效果：

【本文地址】

公司简介

联系我们