📝 方案J:纯文字直达链接(右侧弹窗)

与「方案I」触发方式完全一致,区别是链接不带按钮视觉——就是一个普通文字链接,可自然嵌入正文、页脚、公告等任意文字位置。

🏪 模拟:一段产品介绍正文

云灵客服提供多渠道智能客服能力,支持 AI 自动回复、知识库直答与人工无缝转接。

使用过程中有任何问题,可随时联系客服,我们会尽快回复~

(点上面蓝色文字试试:右侧滑出对话窗 + 自动发送预设消息,关闭后自动消失)

<!-- ① 纯文字链接:直接嵌入正文(样式可自行调整) -->
<p>如有问题,请<a id="kefu-link" href="javascript:;" style="color:#2563eb;text-decoration:underline;cursor:pointer;">联系客服</a>,我们会尽快回复~</p>

<!-- ② 无下划线版本(适合页脚/轻量位置) -->
<p>服务支持:<a id="kefu-link2" href="javascript:;" style="color:#2563eb;text-decoration:none;cursor:pointer;">联系我们 →</a></p>

<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('您好,我想咨询一下');  // ← 点击时自动发送的预设消息(可改成你的引导语)
  });
  document.getElementById('kefu-link2').addEventListener('click', function() {
    window.chatwootSDK.toggle('open');
    window.chatwootSDK.sendMessage('您好,我想咨询一下');
  });
</script>
💡 与「方案I」的区别:方案I 侧重按钮触发(可配按钮样式);方案J 就是纯文字链接,适合嵌在文章正文、页脚版权行、公告栏里,视觉零负担。两者都是点击时才弹窗+发消息,页面加载不会自动弹出,不影响访客浏览。
⚠️ 说明:切换收件箱后本页会自动更新 token;预设消息可改 message 参数(点击链接时发送)。验证后,工作台「对话列表」会多出一条新对话(消息来自本演示)。

← 方案I:触发式直达链接返回演示中心