bytedesk web chat float demo bytedesk.com web lib 客服聊天插件
< script src = "./index.js" > < / script >
< script >
// init chatfloat, and init params
window . ChatFloat ( {
chatUrl : 'http://localhost:9006/chat?t=1&sid=default_wg_uid&' , // custom chat url
//buttonPosition: 'right', // 按钮位置：left or right
//buttonBackgroundColor: 'blue', // 按钮背景色
//iframeWidth: 400,
//iframeHeight: 600,
//iframeMargins: { right: 20, bottom: 20, left: 20 }, // 聊天窗口边距
//buttonMargins: { right: 20, bottom: 20, left: 20 }, // 按钮边距
//showButton: true, // 是否显示按钮
//showIframe: true // 是否显示聊天窗口
} ) ;
< / script > < script type = "text/javascript" src = "https://cdn.kefux.com/assets/js/vendor/jquery/1.9.1/jquery.min.js" > < / script >
< div id = "bytedesk-float-chat" > < / div >
< script src = "index.js" > < / script >
< script >
$(document).ready(function () {
$ ( '#bytedesk-float-chat' ) . ChatFloat ( {
chatUrl : 'http://localhost:9006/chat?t=1&sid=default_wg_uid&' ,
//buttonPosition: 'right', // 按钮位置：left or right
//buttonBackgroundColor: 'blue', // 按钮背景色
//iframeWidth: 400,
//iframeHeight: 600,
//iframeMargins: { right: 20, bottom: 20, left: 20 }, // 聊天窗口边距
//buttonMargins: { right: 20, bottom: 20, left: 20 }, // 按钮边距
//showButton: true, // 是否显示按钮
//showIframe: true // 是否显示聊天窗口
} ) ;
} );
< / script >
自定义按钮颜色
按钮放在窗口左下角
自定义按钮边距
自定义聊天窗口边距
自定义聊天窗口宽度
