ものしりAI
Webflow
支持 Webflow

在 Webflow 网站中安装 AI 聊天机器人,
5 分钟引入。

使用 Webflow 的 Site settings → Custom Code → Footer Code 功能安装 monoshiri AI 聊天小工具。可以为 SaaS・初创公司的正式网站添加 AI 客服。

需要 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 控制台中发行小工具。请使用 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。

FAQ

Webflow 整合常见问题

Starter Plan(Free)无法使用 Custom Code 功能,因此无法安装小工具。需要升级到 Basic Site Plan($14/月)以上。
Workspace Plan 是 Designer 功能的计划(个人/团队用),Site Plan 是发布・托管的计划(按站点)。要通过 Custom Code 安装小工具,目标站点需要 Basic 以上的 Site Plan。
是的,粘贴到 Site settings 的 Footer Code 会在所有页面显示,如果只想在特定页面显示,可以作为 Embed element(HTML/CSS/JS)添加到单个页面。
是的,两者都能工作。请在 monoshiri AI 控制台的允许域名中注册使用的域名。
是的,粘贴到 Site settings 的 Footer Code 时,包括 CMS Collection 页面在内的所有页面都会显示。
预览模式下不执行 Custom Code。请在 Publish 后的公开站点上确认运行。
ABOUT THE WIDGET

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