网站如何实现打开网页自动弹出在线客服对话框

摘要：

网站可以通过添加在线客服js功能代码，实现打开网页自动弹出在线客服对话框的效果，利用快商通在线客服系统可以快速生成网页对话框所需的js代码，本文将讲解网站添加在线客服的详细步骤。

网页自动弹出在线客服对话框

什么是在线客服对话框

在线客服对话框（窗口）是企业网站中客服用来与网站用户进行在线沟通对话的客服功能，当用户访问网站时停留数秒后，会在右下角自动弹出迷你对话框（移动端可以实现强制全屏对话等效果），让用户直接进入与客服人员的对话界面中。

网站如何实现打开网页自动弹出在线客服对话框

网站本身并不具备用户访问时自动弹出聊天对话框的功能，必须依赖页面加载外部js代码来实现，我们只需要找到能免费提供im功能的在线客服软件生成js代码，然后在网页代码中添加这段代码让功能被执行就可以了，下面介绍详细步骤。

1、使用快商通生成代码

搜索快商通找到官网，下载在线客服软件并完成注册。随后登录快商通，在“设置中心”找到“代码生成”，可以拿到系统自动生成的js代码，将这串代码复制一下（默认是PC网站的js代码，如果是移动网站记得先选移动图标再复制代码）。

获取在线客服js代码

2、将代码添加到网页中

打开网站后台，找到footer.php或者footer.htm文件（这是网页的尾部模板，每个页面都会调用他）打开，在开头第一行用回车键创建出新的一行，把上一步拿到的代码添加进去，然后点击保存设置。

3、设置自动弹出在线客服对话框的条件

设置对话框

在左侧找到“图标设置”并点击，然后点击右侧的“迷你对话框”，进入设置页面后可以详细设置访客浏览页面n秒后自动弹出对话框。完成设置以后保存就可以了（记得把迷你对话框的选项激活，如下图）。

设置自动弹窗条件

在实现功能的过程中常见的问题

1、主页功能正常但内页没有效果

出现这种情况的原因是因为网站为了做SEO的友情链接，把footer模板文件分成了首页专用和内页专用的两个版本，代码复制到的footer.php文件只是首页调用的，要找到另一个带有footer字样的内页尾部模板文件，把代码添加进去就解决了。

2、代码添加上去了就是没反应

出现这种情况的原因就是因为代码放置位置错了，首先打开网页后右键点击查看网页源代码，使用ctrl+f查找js代码看有没有出现在源码中，如果有则说明是位置放置错了，联系快商通在线客服帮忙处理就可以了。

通过快商通客服软件生成出来的js代码是肯定没问题的，只要将代码添加到正确的页面位置上，任何一个网站或网页都可以生效。按f12看看有没有报错，或发现因为添加了这端js代码让其他页面样式出错了，那么无疑就是代码的位置添加错了，一般都是这种情况比较多。

总结：

通过借助在线客服软件生成js代码，将代码复制到网站footer模板中，就可以让每个页面都实现用户访问自动弹出在线客服对话框的效果，整体过程并不难，流程也不复杂，如果按照上述方法操作依然无法成功，可以联系快商通在线客服进行一对一协助。