首页     客服中心     在线客服  

自适应网站下客服图标隐藏设置

作者 ibangkf免费在线客服 于 2024-03-18 16:26:42 修改

ibangkf支持客服图标隐藏设置


一、PC网站和手机网站为独立网站的情况下,通过添加风格代码进行实现。

     1.客服端顶部:管理--选项设置--风格管理,添加风格名称,风格名称可以自定义仅用于区别代码。

     2.客服图标设置:管理--选项设置--客服图标设置,在右上角选中相应风格,将客服图标设置为显示或隐藏。

     3.接入客服代码,将对应风格的代码分别嵌入到相应网站的公共页面底部最后一个</body>前面即可。

ibangkf自适应网站客服图标设置1

二、PC网站和手机网站为自适应情况下的设置方法

      1.同上1。

      2.同上2。

      3.将以下代码添加到网站公共文件最底部</body>,并将”手机端代码url“和”PC端代码url“替换成客服端对应风格的代码,详见下图

       <script>

(function(){

var st = document.createElement("script");

if (/baidu.Transcoder|mini|android|blackberry|googlebot-mobile|iemobile|Mobile|ipad|iphone|ipod|opera mobile|palmos|webos|ucweb|Windows Phone|Symbian|hpwOS/i.test(navigator.userAgent)){

    st.src = "手机端代码url";

} else {

    st.src = "PC端代码url";

}

var s = document.getElementsByTagName("script")[0];

s[xss_clean].insertBefore(st, s);

})();

</script>

4

将https://c.ibangkf.com/i/c-***_***.js这行代码替换到红框中,将默认风格和手机风格代码分别添加到这段代码中,将这段js代码上传至网站底部公共文件即可。

如有疑问,请联系在线客服。

本文地址:https://www.ibangkf.com/zaixiankefu/775.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

上一篇:智能在线客服的优势分析
下一篇:ibangkf在线客服系统对话留言记录导出

ibangkf支持客服图标隐藏设置


一、PC网站和手机网站为独立网站的情况下,通过添加风格代码进行实现。

     1.客服端顶部:管理--选项设置--风格管理,添加风格名称,风格名称可以自定义仅用于区别代码。

     2.客服图标设置:管理--选项设置--客服图标设置,在右上角选中相应风格,将客服图标设置为显示或隐藏。

     3.接入客服代码,将对应风格的代码分别嵌入到相应网站的公共页面底部最后一个</body>前面即可。

ibangkf自适应网站客服图标设置1

二、PC网站和手机网站为自适应情况下的设置方法

      1.同上1。

      2.同上2。

      3.将以下代码添加到网站公共文件最底部</body>,并将”手机端代码url“和”PC端代码url“替换成客服端对应风格的代码,详见下图

       <script>

(function(){

var st = document.createElement("script");

if (/baidu.Transcoder|mini|android|blackberry|googlebot-mobile|iemobile|Mobile|ipad|iphone|ipod|opera mobile|palmos|webos|ucweb|Windows Phone|Symbian|hpwOS/i.test(navigator.userAgent)){

    st.src = "手机端代码url";

} else {

    st.src = "PC端代码url";

}

var s = document.getElementsByTagName("script")[0];

s[xss_clean].insertBefore(st, s);

})();

</script>

4

将https://c.ibangkf.com/i/c-***_***.js这行代码替换到红框中,将默认风格和手机风格代码分别添加到这段代码中,将这段js代码上传至网站底部公共文件即可。

如有疑问,请联系在线客服。

本文地址:https://www.ibangkf.com/zaixiankefu/775.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

上一篇:智能在线客服的优势分析
下一篇:ibangkf在线客服系统对话留言记录导出