建站程序

纯 HTML 静态网站接入

👀 2 阅读 · 更新于 2026-09-07
没有后台程序也能接,每个页面加一行或统一模板加

情况 A:有公共模板文件

如果你的静态站是用模板生成的(如 Hugo、Hexo、Jekyll、Vue CLI 等),只需在公共模板里加一次:

  1. 找到公共模板(如 layouts/partials/footer.htmlpublic/index.html
  2. </body> 前粘贴接入代码
  3. 重新生成/打包发布

情况 B:每个页面都是独立的 HTML 文件

需要在每一个需要显示客服的页面里加这一行。可以用编辑器的"批量替换"功能:

查找:</body>
替换为:<script src="https://你的客服域名/widget.js?k=你的KEY" async></script>
</body>

大多数编辑器(VS Code、Dreamweaver、Notepad++)都支持"在所有打开的文件中替换"或"在文件夹中查找替换",几十个页面几分钟就能完成。

情况 C:Vue / React 单页应用

在入口 HTML(index.html)的 </body> 前加即可,路由切换不会丢失;组件会常驻。

如果需要在特定页面隐藏按钮,可在路由守卫里控制 document.getElementById('kf-embed-btn').style.display='none'

相关教程

← 返回对接教程