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

免费试用

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

作者:快商通发布时间:2020年11月05日阅读量:

摘要:

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

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

什么是在线客服对话框

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

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

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

1、使用快商通生成代码

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

获取在线客服js代码
获取在线客服js代码

2、将代码添加到网页中

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

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

设置对话框
设置对话框

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

设置自动弹窗条件
设置自动弹窗条件

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

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

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

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

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

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

总结:

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

在线客服网站聊天对话框
本文所有权归属于快商通所有,未经本公司许可,不得转载、引用、摘录、摘编、复制、下载、打印、传播,否则快商通将依法追究相关行为人的法律责任。

在线客服免费试用,输入手机号即可

免费试用
联系我们

服务热线:400-900-1323

地址:厦门市集美软件园三期B20栋11-13层

扫码关注微信公众平台