安装指南 / Framer
在 Framer 上安装 Embent
通过 Framer 的 Custom Code 面板添加代码——不用插件,也不用代码覆盖。
开始之前
- 网站 Project Settings 的编辑权限。
- 只有当你想让插件出现在自己的域名而不是 Framer 免费的 *.framer.app 子域名时,才需要付费的 Basic 或 Pro 套餐——这是 Framer 的通用要求,与 Embent 无关。
步骤
1
复制你的嵌入代码
在你的 Embent 控制台里,打开机器人的概览页面并复制嵌入代码。它看起来是这样的:
<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>2
在 Project Settings 中打开 Custom Code
打开 Project Settings,选择左侧边栏的 Custom Code 标签,然后点击 Add Script(如果已经有一个,就点击 + 图标)。
3
粘贴代码,设置为每次访问都运行,然后发布
把代码粘贴到代码框中,给它命名,选择放置位置(head 或 body,开头或结尾——body 末尾是安全的默认选项),设置为每次页面访问都运行,然后发布你的网站。
确认是否成功
发布后,在新的浏览器标签页中重新加载你的网站:聊天气泡会出现在角落。问它一个关于你自己页面的问题,它应该会带着引用来源作答。
如果不生效
试过了但聊天插件没显示?这些方法能解决几乎所有情况。
我添加了嵌入代码,但聊天插件没有出现——没有聊天气泡,没有启动按钮,网站上什么都没有四项检查能解决几乎所有"插件不显示"的情况。第一,打开你的正式网站,查看页面源代码(右键 → 查看网页源代码),搜索"embent"——如果脚本不在其中,说明代码没有保存到已发布的页面上。第二,确认代码片段里的 data-bot ID 和你控制台"设置"里显示的一致。第三,清除网站的页面缓存和任何 CDN 缓存——缓存页面会继续显示没有插件的旧版本。第四,检查机器人是否在控制台中被暂停:暂停的机器人会刻意对访客不显示任何内容。
常见问题
免费套餐能用吗?可以。Custom Code 在每个 Framer 套餐的 Project Settings 中都能用。只有想用自己的自定义域名而不是 framer.app 子域名时,才需要付费套餐。
应该把代码放在 head 还是 body?body 末尾是更安全的默认选项:页面的其余部分会先渲染,脚本紧接着加载,不会阻塞它上方的任何内容。
这会拖慢我的网站吗?不会。脚本异步加载,聊天插件压缩后不到 50KB,也没有自带任何框架,所以永远不会阻塞页面渲染。
现在就把 Embent 接入你的网站。AI agent 宁愿说"我不知道",也不会编造答案。免费套餐,无需信用卡—大多数网站两分钟内就能开始回答访客问题。
角落里的聊天气泡就是 Embent 本身,正运行在这个页面上——问它任何关于我们的问题。