将实时聊天添加到按钮

Question

我使用插件进行分享并联系侧边栏。

按钮栏如下所示：

var defaults = { 
  effect  : '', // slide-on-scroll
  buttons : {
      'facebook':   { class: 'facebook',  use: false, icon: 'facebook',    link: '', title: 'Follow on Facebook' },
      'google':     { class: 'gplus',     use: false, icon: 'google-plus', link: '', title: 'Visit on Google Plus' },
      'linkedin':   { class: 'linkedin',  use: false, icon: 'linkedin',    link: '', title: 'Visit on LinkedIn' },
      'twitter':    { class: 'twitter',   use: false, icon: 'twitter',     link: '', title: 'Follow on Twitter' },
      'chat':       { class: 'livechat',  use: false, icon: 'comments', title: 'Chat with us' },
      'pinterest':  { class: 'pinterest', use: false, icon: 'pinterest',   link: '', title: 'Follow on Pinterest' },
      'phone':      { class: 'phone',     use: false, icon: 'phone',       link: '', title: 'Call us', type: 'phone' },
      'email':      { class: 'email',     use: false, icon: 'envelope',    link: '', title: 'Send us an email', type: 'email' }
  }
};

并致电：

$.contactButtons({
  effect  : 'slide-on-scroll',
  buttons : {
    'facebook':   { class: 'facebook', use: true, link: '', extras: 'target="_blank"' },
    'linkedin':   { class: 'linkedin', use: true, link: '' },
    'google':     { class: 'gplus',    use: true, link: '' },
    'twitter':    { class: 'twitter', use: true, link: '' },
    'chat':       {class:  'livechat separated', use:true, },
    'email':      { class: 'email',    use: true, link: '' }
  }
});

在聊天按钮上，我想嵌入一个实时聊天应用。我目前有一个https://mylivechat.com/，但我不知道如何将其添加到按钮。

我想在点击按钮时隐藏/显示聊天窗口。我对聊天窗口的正常位置感到满意。