在自适应手机/PC的网站下,ibangkf在线客服系统可能会出现:手机访问下的在线客服图标比较大或者图标不靠边等情况。ibangkf在线客服系统针对上述问题,可以通过让自适应网站也能配置不同的风格进行设置。
具体设置步骤如下:
1、需要在ibangkf在线客服系统的客服端顶部,管理--选项设置--风格设置中添加新风格用于手机界面设置(风格名称随意设定,主要方便您识别),在风格设置中可以对客服图标、邀请窗口等图标进行设置,建议选择符合手机小屏幕的图标。风格设置方法请参见http://www.ibangkf.com/info/702.html
2、在网站</body>前加如下代码(网站id、新增风格编码是您对应账号的信息,风格编号可以在网页代码中获取):
if(/android|blackberry|Mobile|ipad|iphone|ipod|Windows Phone/i.test(navigator.userAgent)){
[xss_clean]("<scr"+"ipt src='https://c.ibangkf.com/i/c-网站id_风格编码.js' type='text/javascript'></scr"+"ipt>");
} else {
[xss_clean]("<scr"+"ipt src='https://c.ibangkf.com/i/c-网站id.js' type='text/javascript'></scr"+"ipt>");
}
示例:

图1. 顶部管理--选项设置--风格管理中添加风格

图2. 获取新增风格的风格编号,图例中79341就是新增风格的编码
【代码示例】
if(/android|blackberry|Mobile|ipad|iphone|ipod|Windows Phone/i.test(navigator.userAgent)){
[xss_clean]("<scr"+"ipt src='https://c.ibangkf.com/i/c-test_79341.js' type='text/javascript'></scr"+"ipt>");
} else {
[xss_clean]("<scr"+"ipt src='https://c.ibangkf.com/i/c-test.js' type='text/javascript'></scr"+"ipt>");
}
添加上述代码后,手机和PC将可以自行显示不同的客服图标、邀请窗口等信息。
本文地址:https://www.ibangkf.com/info/719.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!
上一篇:ibangkf在线客服系统对话窗口打开方式介绍
下一篇:ibangkf在线客服系统手机APP设置之小米手机