网站的弹窗在线客服代码分享

摘要：

网站的弹窗在线客服代码可以让网页中生成一个根据用户浏览页面时间自动出对话邀请的功能，还能够自动弹出迷你对话框强制跟网站用户进行沟通交流，本文将提供分享该弹窗功能的代码和生成方法。

网站自动弹窗功能

什么是网站弹窗

网站弹窗是一个在线客服系统的功能，在用户进入网站或浏览页面一段时间后会在页面中弹出一个对话邀请窗口或迷你对话框，在企业网站中比较常见。企业通过该功能建立跟用户的在线聊天沟通，以获取联系方式或引导成交。

网站的弹窗在线客服代码分享

在很多人的概念里，想要实现一个网站弹窗（在线客服）的功能必须要加入一长串的功能代码（如下图），实际上这种方式成功率是很低的，因为要加入html代码和css代码，弄错者不计其数，而目前主流的网站弹窗代码并没有这么复杂。

网站弹窗在线客服代码

想要让网站实现自动弹窗的功能，只需要加入一串JavaScript代码就可以了，他能够调用第三方在线客服系统服务商在云端做好的一套完整的客服系统功能，包含网站弹窗的效果，代码如下：

“<script type="text/javascript" src="https://test.kuaishang.cn/bs/ks.j?cI=392988&fI=71858" charset="utf-8"></script>”

整串代码非常简洁，只需要添加到网站添加友情链接的那个index_footer模板就可以了（内页通常也会调用另一个footer模板，也要加进去）。

但需要注意的是，这串代码只是由小编使用快商通客服软件生成出来的，如果其他企业网站用户想要生成这串代码，需要自行下载并登录快商通，绑定网站域名后生成这串代码。

具体的操作方式是：

1、下载快商通客服，注册后登陆软件界面，找到“设置中心”-“生成代码”功能点击进入界面，（完成网址绑定后）选择终端类型，页面会自动根据你注册的账号ID生成一串专属于你的网站可用的JS代码。

获取客服系统弹窗代码

2、打开网站的模板管理界面，找到首页调用的index_footer.php和内页调用的footer.php模板（有些网站的模板是以.htm结尾的），在第一行用回车键敲出新的一行，然后把步骤1获取到的JS代码添加进去，保存即可。

设置弹窗样式

3、回到快商通的设置页面中，在左侧找到“图标设置”并点击进入，可以设置网站的浮动图标、分组图标、迷你对话框、未读消息弹框等，点击图标则激活该功能，点击蓝色的功能名则进入设置。

设置弹窗触发条件

在该界面中可以详细设置每个弹窗或迷你对话窗口的样式以及触发弹窗的时间。设置满意后点击保存即可立即生效，此时回到网站页面中，快商通就会根据刚才设置的时间自动弹出聊天窗口，客服人员可以在弹窗被用户关闭以后再次主动邀请。

总结：

本文为大家分享了网站的弹窗在线客服代码，并介绍了代码的完整生成步骤。根据文中介绍的方法可以让网站实现自动弹窗的功能，并且支持自定义弹窗的样式以及触发的条件。