要制作比较完善,功能强大的在线客服弹窗
(我使用的是智齿客服,个人感觉还是比较强大,方便的。)
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代码就可以生成一个简单的弹窗,不过,还需要自己在第三方的网页中去设置客服管理(比如客服的人员有哪些,一些自动回复的问题,弹框样式等等)。
大概的效果: