前端在线客服窗口的制作

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

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

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

js:

​<script type="text/javascript">
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'); 	
}
</script>

​

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

大概的效果：