怎么在网页里面加入在线客服系统的代码 - 快商通

免费试用

怎么在网页里面加入在线客服系统的代码

作者:快商通发布时间:2020年04月23日阅读量:
现在多数企业都通过网页来获取流量和客源,当有访客进来的时候,我们需要一个在线客服系统来链接用户和企业方客服来实现对话功能。那么我们要怎么在页面里加入在线客服系统的代码呢?
 
想要在页面加入在线客服系统的代码,你手头上必须准备好两个工具:

1、网站后台管理系统的权限(需要能够修改页面源代码)
2、任意品牌的在线客服软件系统软件客户端


注意:
单纯在网页里加入代码只能让页面右下角出现在线客服系统的聊天小窗口,可是当访客往里面输入文字发送的时候,你需要有一个后台来进行消息接收,所以单纯在页面加入代码是不够的,客服人员必须有一个软件客户端来接收访客发来的信息。

在线客服系统代码要怎么获得?
1、先下载快商通在线客服系统的客户端:点击下载;
2、打开快商通在线客服软件客户端,如图所示,找到右上角的设置中心,然后再找到生成代码,点击进入。

获取在线客服系统代码

可以在JS代码这一栏中看到被生成出来的在线客服系统代码,只要把这一段代码复制一下,粘贴到你想要生成的网站页面源代码的最底部就可以了

在网页源代码中插入在线客服系统代码

(把代码在</body>或者</html>标签后面就可以了,如果没有找到</body>或者</html>,可以直接把代码拉最底部,直接回车重新起一行,复制上去就可以了)
 
这里可能会出现2种比较常见的情况:

1、想要网站的每个页面都统一用同一段代码生成在线客服系统
那么直接找到footer模板,粘贴在里面即可。(模板文件名通常叫footer.htm或footer.php)因为网站每个页面都会调用footer模板,所以如果你想网站每个页面都用同一段代码,那么直接改footer模板就可以一劳永逸了,不需要一个个页面去添加。
注:有些footer模板里面没有</body>和</html>标签,你只需要在最底部添加代码就可以了。
 
2、想分开统计每个页面的数据,或不同产品页面让不同的客服人员对接
在后台站点管理里添加站点(页面网址),为这个页面网址的在线客服系统自定义一个风格名称。

为不同网站添加在线客服系统

然后在下方的图标设置、邀请框设置、在线留言设置等诸多设置选项中,选中你刚才自定义出来的站点风格后进行各种设置。

设置在线客服系统的样式
 
全部设置满意后,再点击获取代码
 
获取对应站点的客服系统代码

再把不同风格生成出来的不同代码加到你想要的页面中(对应的源代码里)。注意,如果是这种情况下,就不能再在footer里面加入代码了。
 
因为所有页面都调用同一个footer模板,现在你要分开统计,所以要把代码单独加在每个页面的</body>或者</html>中。比如说在首页的index.html或者index.php文件中加入这串代码:
在线客服系统JS代码
 
(当然,你必须要先下载在线客服系统的客户端进行生成属于自己网站的代码才行,不能直接复制这段代码,不然接不上你的客服软件后台)
 
至此,我们就成功的在网页里面加入在线客服系统的代码了,这个时候就可以在加入代码的页面看到在线客服系统的样子了。
网页客服在线客服代码
本文所有权归属于快商通所有,未经本公司许可,不得转载、引用、摘录、摘编、复制、下载、打印、传播,否则快商通将依法追究相关行为人的法律责任。

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

免费试用
联系我们

服务热线:400-900-1323

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

扫码关注微信公众平台