与「方案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>
message 参数(点击链接时发送)。验证后,工作台「对话列表」会多出一条新对话(消息来自本演示)。