安装指南 / Webflow
在 Webflow 上安装 Embent
通过 Webflow 的 Custom code 面板添加代码——不用 App,也不用在 Designer 里放置嵌入元素。
开始之前
- 你安装的网站需要付费 Site 套餐——或者 Core、Growth、Agency、Freelancer 中任意一种 Workspace 套餐。免费的 Starter Site 套餐无法保存自定义代码。
- 自定义代码只有在发布后才会生效。只在 Designer 中保存,并不会让它出现在正式网站上。
步骤
1
复制你的嵌入代码
在你的 Embent 控制台里,打开机器人的概览页面并复制嵌入代码。它看起来是这样的:
<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>2
打开 Site settings → Custom code
在 Designer 中打开 Site settings,点击左侧边栏的 Custom code 标签。
3
粘贴到 Footer Code 并发布
把代码粘贴到 Footer Code 字段,Webflow 会把它加载到每个页面结束的 body 标签之前。保存,然后发布你的网站——自定义代码改动只有发布后才会生效。
确认是否成功
发布网站后,在新的浏览器标签页中重新加载它:聊天气泡会出现在角落。问它一个关于你自己页面的问题,它应该会带着引用来源作答。
如果不生效
试过了但聊天插件没显示?这些方法能解决几乎所有情况。
我添加了嵌入代码,但聊天插件没有出现——没有聊天气泡,没有启动按钮,网站上什么都没有四项检查能解决几乎所有"插件不显示"的情况。第一,打开你的正式网站,查看页面源代码(右键 → 查看网页源代码),搜索"embent"——如果脚本不在其中,说明代码没有保存到已发布的页面上。第二,确认代码片段里的 data-bot ID 和你控制台"设置"里显示的一致。第三,清除网站的页面缓存和任何 CDN 缓存——缓存页面会继续显示没有插件的旧版本。第四,检查机器人是否在控制台中被暂停:暂停的机器人会刻意对访客不显示任何内容。
常见问题
我用的是免费的 Starter 套餐,无法保存自定义代码。自定义代码需要付费 Site 套餐,或者 Core、Growth、Agency、Freelancer Workspace 套餐。升级网站(或其 Workspace)的套餐即可启用。
我保存了代码,但插件还是没有显示。自定义代码只在你发布的网站上运行,在 Designer 或预览中不会生效。保存后先发布网站,再重新加载正式网址。
这会拖慢我的网站吗?不会。脚本异步加载,聊天插件压缩后不到 50KB,也没有自带任何框架,所以永远不会阻塞页面渲染。
现在就把 Embent 接入你的网站。AI agent 宁愿说"我不知道",也不会编造答案。免费套餐,无需信用卡—大多数网站两分钟内就能开始回答访客问题。
角落里的聊天气泡就是 Embent 本身,正运行在这个页面上——问它任何关于我们的问题。