在 Webflow 网站中安装 AI 聊天机器人,
5 分钟引入。
使用 Webflow 的 Site settings → Custom Code → Footer Code 功能安装 monoshiri AI 聊天小工具。可以为 SaaS・初创公司的正式网站添加 AI 客服。
需要 Webflow Basic Site Plan 以上和 monoshiri.ai 账户
事前准备
Webflow 账户(Basic Site Plan 以上)
Custom Code 功能在 Webflow Basic Site Plan($14/月)以上可用。Starter Plan(Free)无法使用 Custom Code。
monoshiri.ai 账户
需要在 monoshiri AI 控制台中发行小工具。请使用 Light 计划(月费 2,980 日元)以上。
在 Webflow 上安装 AI 聊天的步骤
在 monoshiri.ai 发行代码 → 粘贴到 Webflow Site settings 的 Footer Code → Publish,3 步完成。
在 monoshiri.ai 创建小工具并发行嵌入代码
在 app.monoshiri.ai 创建小工具,在目标文件夹(知识库)和允许域名中注册 Webflow 网站的公开 URL。复制发行的嵌入代码(完整的 script 标签)。
打开 Webflow 的 Site settings → Custom Code
Webflow Designer 左上角「W」图标 → Site settings → 选择「Custom Code」标签。
在 Footer Code 粘贴嵌入代码
在「Footer Code」输入区域粘贴复制的嵌入代码,点击「Save Changes」。点击右上角「Publish」按钮发布网站,所有页面都会反映聊天小工具。
安装后确认
访问已发布的 Webflow 网站,确认右下角是否显示聊天按钮。如果未显示,请检查 monoshiri AI 控制台的允许域名中是否注册了 Webflow 网站的公开 URL。
Webflow 整合常见问题
可立即安装到任何网站
针对 WordPress 等主流 CMS 提供官方插件。其他网站只要支持 HTML,粘贴一行 script 标签即可接入。
Webflow
可用只需将嵌入代码粘贴到 Webflow 的 Site settings → Footer Code。Basic Site Plan 以上 5 分钟完成设置。
当前页面其他网站(自主开发·静态网站 等)
立即可用只要可以放置 script 标签的网站,都可以运行。请将生成的嵌入代码粘贴到 HTML 中。
指南准备中WordPress 是 WordPress Foundation、BASE 是 BASE 株式会社、Shopify 是 Shopify Inc. 的各注册商标。monoshiri AI 与这些公司独立开发和运营,没有官方合作或认可关系。
从今天开始构建团队的知识库吧?
免费方案,请先轻松体验。
每月50次免费 / 无需信用卡
「Webflow」是 Webflow, Inc. 的注册商标。monoshiri AI 与 Webflow 独立开发和运营,未获得 Webflow, Inc. 的官方认可。

