💬 方案I：触发式直达链接（右侧弹窗）

点击下面这个「联系客服」按钮试试：当前页面右侧会滑出对话窗，并自动发送一条预设消息「您好，我想咨询一下」。
不跳转、不新开页；点对话窗右上角 × 关闭后，挂件自动消失，右下角不会残留气泡。再次点击可重新打开。

<a id="kefu-link" href="javascript:;">💬 联系客服</a>

<script>
  (function(d,t) {
    var BASE_URL = "https://kefu.cxhao.com";
    var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
    g.src = BASE_URL + "/packs/js/sdk.js";
    g.defer = true; g.async = true;
    s.parentNode.insertBefore(g, s);
    g.onload = function() {
      // ① 隐藏默认气泡（页面加载【不会】自动弹窗、也【不会】自动发消息）
      window.chatwootSettings = {
        hideMessageBubble: true,
        locale: 'zh_CN'
      };
      window.chatwootSDK.run({
        websiteToken: 'bTriJMGKn9fh9MB8f6rUrPXj',
        baseUrl: BASE_URL
      });
    }
  })(document,"script");

  // ② 点击链接 → 当前页面右侧弹出对话窗 + 发送预设消息
  //    仅【用户点击时】触发一次；关闭后挂件自动消失，浏览其他页面不会自动弹出
  document.getElementById('kefu-link').addEventListener('click', function() {
    window.chatwootSDK.toggle('open');
    window.chatwootSDK.sendMessage('您好，我想咨询一下');  // ← 点击时自动发送的预设消息（可改成你的引导语）
  });
</script>

💡 与「方案H 联系客服直达链接」的区别：方案H 是 href 直开挂件独立页（全屏新页面）；方案I 用 SDK 嵌入，在当前页右侧弹出，体验更接近原生挂件，访客无需离开当前页面。页面加载不会自动弹窗，仅点击链接时触发。

⚠️ 说明：切换收件箱后本页会自动更新 token；预设消息可改 message 参数（点击链接时发送）。验证后，工作台「对话列表」会多出一条新对话（消息来自本演示）。

← 方案A：官方标准接入｜返回演示中心