访客引入（在页面插入以下代码）

<script src="http://kf.ongl.cn/static/chat/js/xchat.js"></script>

<script>
XChat.init({
    uid: 0,      // 访客uid（您的项目用户uid），默认0
    gid: 0,      // 分组ID，默认0，大于0需在商户后台添加客服分组
    token: '',   // 后端获取的token，若使用token，则uid、gid参数可省略，token优先
    name: '',    // 自定义昵称，省略则以城市作为昵称
    avatar: '',  // 自定义图像地址，省略则使用系统默认图像
    open: 0,     // 加载方式，0不加载不打开|1加载并打开|2加载不打开
    appName: ''  // 窗口顶部应用名称，默认“携信客服”
    appIcon: ''  // 窗口顶部应用图标地址，默认系统图标    
    success: function(box) {
       // 调用成功的回调
       // 可在此处设置窗口样及事件
       // 参数box为打开的窗口对象
    },
    onStart: function(cb) {
       // 自定义启动，如：
       dom.onclick = function() {
          // 启动
          cb();
       }
    }
});
</script>

说明：

1、上述XChat.init块代码，可省略；init中参数也均可省略。

2、通过token方式，则uid、gid参数可省略，优势不受域名限制，随处均可引入。

3、通过uid方式引入，则添加应用时填写绑定域名，优势引入方便简单灵活。

4、若同时使用2种方式，则token方式优先。

5、无论是token还是uid方式，uid要求必须为数字

6、uid=0表示未登录访客，若未设置昵称和图标，则本系统自动使用城市做为昵称及默认图标。

7、也可通过脚本src中传入参数，并且src参数优先。不建议通过此种方式（参数变化影响js缓存）

8、token获取，见客服接入

其它说明

当然也可以直接定义样式覆盖默认样式，如：

.xchat {}

.xchat .xchat-head {}

.xchat .xchat-body {}

.xchat .xchat-start {}

.xchat .xchat-start .xchat-tip {}