ものしりAI
Webflow
支持 Webflow

在 Webflow 部署 AI 聊天机器人|
无代码实现 FAQ 自动回应。

只需在 Webflow 的 Site settings → Custom Code → Footer Code 中粘贴 monoshiri AI 的嵌入代码即可。无需改代码、无代码即可让 AI 从内部知识或 FAQ 中自动回答访客的提问。

提供免费方案 · 无代码 · 需要 Webflow Basic Site Plan 及以上和 monoshiri.ai 账户

免费开始
PREREQUISITES

事前准备

Webflow 账户(Basic Site Plan 以上)

Custom Code 功能在 Webflow Basic Site Plan($14/月)以上可用。Starter Plan(Free)无法使用 Custom Code。

monoshiri.ai 账户

需要在 monoshiri AI 控制台中发行小工具。Free 计划也可试用(每月最多 50 次)。如需正式运营,推荐 Light 计划(月费 2,980 日元)以上。

SETUP STEPS

在 Webflow 上安装 AI 聊天的步骤

在 monoshiri.ai 发行代码 → 粘贴到 Webflow Site settings 的 Footer Code → Publish,3 步完成。

1

在 monoshiri.ai 创建小工具并发行嵌入代码

在 app.monoshiri.ai 创建小工具,在目标文件夹(知识库)和允许域名中注册 Webflow 网站的公开 URL。复制发行的嵌入代码(完整的 script 标签)。

2

打开 Webflow 的 Site settings → Custom Code

Webflow Designer 左上角「W」图标 → Site settings → 选择「Custom Code」标签。

3

在 Footer Code 粘贴嵌入代码

在「Footer Code」输入区域粘贴复制的嵌入代码,点击「Save Changes」。点击右上角「Publish」按钮发布网站,所有页面都会反映聊天小工具。

安装后确认

访问已发布的 Webflow 网站,确认右下角是否显示聊天按钮。如果未显示,请检查 monoshiri AI 控制台的允许域名中是否注册了 Webflow 网站的公开 URL。

USE CASES

Webflow 网站上的应用示例

通过无代码方式在 Webflow 中部署 monoshiri AI 后,只要向 AI 提问即可解决以下这些课题。

制作公司向客户的 Webflow 网站提供组合提案

网页制作公司可在交付的 Webflow 网站上,把 AI 聊天机器人作为附加选项提案。只需粘贴到 Footer Code 即可引入,作为易于运营的增值服务提供。

营销网站的浏览引导改善

为访问着陆页或营销网站的用户设置可向 AI 询问「价格多少?」「有哪些导入案例?」的入口。AI 会从内部知识中作答,延长浏览与停留时间。

自动化处理 FAQ、咨询的一次性应对

只要把 FAQ 或文档上传到文件夹,AI 就能即时回答产品用法和价格的问题。减少流向咨询表单的流量,减轻支持负担。

COMPARISON

如何选择 Webflow 聊天机器人

monoshiri AI 凭借从内部知识、FAQ 中由 AI 自动回答的能力,以及出色的语言精度、可无代码部署的便捷性广受青睐。下面与几种常见类型做了对比。

对比项monoshiri AI海外聊天机器人脚本型机器人
安装位置Site settings→Custom Code→Footer Code(Body 结束标签前)→Publish手动设置标签在外部服务中设置
所需方案(Webflow 端)Basic Site Plan($14/月)及以上需另行签约需另行签约
Webflow Starter(免费)可用
费用(可免费使用)提供免费方案英文界面 · 价格偏高初期费用较高
本地语言精度△ 仅限固定话术
内部知识、FAQ 联动△ 需额外付费
部署的便捷性(无代码)粘贴到 Footer Code 即可△ 手动安装标签△ 设置复杂
用户数不限

以上为与一般产品类型的对比,并非指代特定的其他公司产品。

FAQ

Webflow 整合常见问题

monoshiri AI 提供免费方案,可先免费把 AI 聊天机器人部署到 Webflow 网站试用。需要注意,使用 Footer Code(Custom Code)功能需要 Webflow 端的 Basic Site Plan 及以上。如需增加回答次数或文件夹数量,可升级到 monoshiri AI 的付费方案。
不需要,可无代码部署。复制在 monoshiri AI 发行的嵌入代码,粘贴到 Webflow 的 Site settings → Custom Code → Footer Code 并发布即可完成部署,无需从头编写 HTML。
monoshiri AI 针对日文等知识检索(向 AI 提问功能)做了优化,能高精度读取内部文档、FAQ、手册并自然作答。与海外通用聊天机器人相比,在提问与回答的语言精度上更具优势。
可以。将 PDF、Word、Excel、文本等资料上传到文件夹后,AI 会基于其内容自动回答访客的提问。可以让 AI 直接学习 FAQ 页面的内容,实现 24 小时自动回应。
不行。Starter Plan 无法使用 Custom Code(Footer Code)功能,因此无法部署小部件。请升级到 Basic 及以上的 Site Plan 使用。
Workspace Plan 是用于使用 Webflow Designer 的账户级方案,Site Plan 是与发布的各个站点绑定的方案。使用 Footer Code 向发布站点部署小部件,需要每个站点的 Basic 及以上的 Site Plan。
在整站的 Footer Code 中部署会在所有页面显示。如果只想在特定页面显示,可以不在 Site settings、而在该页面的 Page Settings 内的 Custom Code 中粘贴嵌入代码,从而按页面控制。
可以,两者都能运行。Footer Code 会输出到整个发布站点,因此无论是 webflow.io 子域名,还是接入独立域名的发布站点,都能正常显示。
会。Footer Code 会输出到整个网站,因此在 CMS 的 Collection 页面(动态生成的文章、商品页等)上也会显示小部件。
Custom Code 仅在发布(Publish)后的站点上执行,因此在 Designer 内的预览中不会显示。请发布站点后,在实际的公开 URL 上确认显示。
ABOUT THE WIDGET

什么是 AI 聊天机器人?(monoshiri AI)

可在公开网站设置的 AI 聊天机器人。基于您上传的知识(公司文档·FAQ·产品手册等),24 小时自动回答访问者的提问。同时实现咨询量减少和转化率提升。

24 小时对应

深夜·节假日自动回复

AI 准确回答

基于知识库回答

多语言支持

日英中韩等主要语言

5 分钟设置

粘贴代码即可完成

包含价格方案·功能·FAQ

INTEGRATIONS

可立即安装到任何网站

针对 WordPress 等主流 CMS 提供官方插件。其他网站只要支持 HTML,粘贴一行 script 标签即可接入。

WordPress

WordPress

可用

安装官方插件,粘贴嵌入代码即可。无需编辑代码。

BASE

BASE

可用

启用 BASE 的 HTML 标签管理 App,将嵌入代码粘贴为自定义标签即可。无需安装插件。

Shopify

Shopify

可用

通过主题定制器的"Custom Liquid"块,或直接在主题代码中粘贴嵌入代码。3 分钟完成安装。

STUDIO

STUDIO

可用

在 STUDIO 的自定义代码功能中粘贴 monoshiri AI 嵌入代码即可。Mini 计划以上 5 分钟完成设置。

Wix

Wix

可用

只需将 monoshiri AI 嵌入代码粘贴到 Wix 的 Custom Code 功能中。Core 计划以上 5 分钟完成设置。

Webflow

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. 的官方认可。