百度离线宝 打电话 自定义 代码

使用方法

一.搬

1.1 搬图

将解压后的 images 文件夹，放在您网站要显示浮窗页面的同级目录下。

1.2 搬代码

1.2.1 浮窗样式。打开解压后的 index.html 文件，将 "浮窗样式开始"-"浮窗样式结束" 之间的代码添加至您网站要显示浮窗的页面，放在该页面的顶部</head>标签之前，紧邻</head>标签。

1.2.2 浮窗功能。打开解压后的 index.html 文件，将 "浮窗代码开始" - "浮窗代码结束" 之间的代码添加至您网站要显示浮窗的页面，放在该页面最底端的</body>标签前，紧邻</body>标签。

二.改

2.1 改代码 （必须）

修改为自己的代码。从离线宝后台获取API分组代码，替换步骤1.2.2拷贝的代码中 "此段代码从离线宝后台获取开始" - "此段代码从离线宝后台获取结束" 之间的代码段。获取代码方式：登录离线宝->站点与样式—>选择站点—>样式设置—>自定义api开发—>复制“选定分组”部分的代码。

要注意  定义 input的id  和 按扭的id   还要注意 要添加下面的触发代码
(反正index.html里面都有的)

 <script>
        document.getElementById("callBtn").onclick = function () { 
            lxb.call(document.getElementById("telInput"));
        };
        </script>

2.2 改样式（可选）

2.2.1 代码。您可以定制浮窗上需要显示的元素并修改这些元素的外观。在步骤1.2.2中的拷贝的浮窗代码是按照明文字、背景图、400号码、外链、离线宝回呼5个模块组织的，通过调整代码（参照说明），您可以改变这些模块的显示顺序、隐藏/增加某个模块、改变模块里显示的元素、元素的外观（大小、位置、颜色...）等。

2.2.2 图。您可以通过制作图片来增加更多的个性化效果，如背景图、按钮图。将做好的图片放在image文件夹中，并修改浮窗代码中引用的图片名。