ものしりAI
部署指南

如何为 BASE 网店添加聊天机器人|用 HTML 标签管理 App 免费接入【2026年版】

2026年9月5日Monoshiri AI 编辑部

如何为 BASE 网店添加聊天机器人 用 HTML 标签管理 App 免费接入的步骤

在 BASE 上经营网店一段时间后就会发现,收到的咨询翻来覆去就那几类:「运费多少钱」「能退货吗」「这个尺码是不是偏大」。反复回复同样的问题,一天就这么过去了。

而且咨询往往在营业时间之外送达。如果回复要等到第二天,这期间客人多半已经在别家下单了。不让客人等待、当场就能回答的机制,能同时省下人力和被白白流失的订单。

本文按照实际的后台操作流程,讲解如何为 BASE 网店接入 AI 聊天机器人:免费套餐究竟能覆盖到哪里、需要准备哪些资料才能答得上来、以及装好之后按钮不显示时该看哪里。


本文要点

  • 为什么 BASE 上接入聊天机器人只能走「HTML标签管理 App」这一条路
  • 无需改代码的 4 步安装流程
  • 免费套餐能撑到什么程度、从哪一步开始需要付费
  • 想让 AI 回答运费・退货・尺码问题,最先该上传哪些资料
  • 「装好了却不显示」时该查哪些地方

1. BASE 的接入口是「HTML标签管理 App」

BASE 上没有 WordPress 那种直接改主题 PHP 文件的选项。BASE 由平台方统一管理店铺的 HTML 结构,因此插入外部脚本必须通过平台正式提供的 App

这个入口就是「HTML标签管理 App」。在 BASE 后台的 Apps 中免费安装后,就能向店铺的所有页面输出任意 HTML 标签。它并非聊天机器人专用,投放访问统计代码、广告代码时用的也是同一个机制。

这种结构其实带来了运营上的好处。

  • 更换设计主题也不会丢失设置。标签保存在主题之外,所以重做店铺外观后,聊天机器人依然在
  • 显示范围集中在一处管理。不需要逐个商品页去粘贴
  • 安装只需复制粘贴。全程不用自己写 HTML

反过来说,不装 HTML标签管理 App,实际上就没有别的办法把聊天机器人放进 BASE。想通这一点,后面的步骤其实很短。

图解 BASE 接入聊天机器人的路径:HTML标签管理 App 独立于主题,向店铺全部页面输出标签


2. 安装步骤(4 步)

下面以我们提供的ものしりAI为例说明。全程约 5 分钟,BASE 侧的操作都在后台内完成。

第 1 步:获取嵌入代码

先做聊天机器人这一侧的准备。注册账号后,在后台打开组件并复制「嵌入代码」,它是这样一行 script 标签:

<script async src="https://monoshiri.ai/widget/embed.js" data-api-key="(你自己的密钥)" data-api-url="https://api.monoshiri.ai"></script>

不需要事先登记店铺域名。无论是 base.shop 的子域名,还是绑定了自有域名的店铺,同一段代码都能直接生效。

第 2 步:安装 HTML标签管理 App

在 BASE 后台的「Apps」中搜索「HTMLタグ管理(HTML标签管理)」,安装并启用。BASE 侧不收取费用。

第 3 步:新增自定义标签

打开刚装好的 App,选择「新增标签」→「自定义标签(自由填写)」。标签名只要自己以后能认出来就行,取成「ものしりAI 咨询组件」这类一目了然的名字即可。

一旦同时运行多个标签,很容易分不清哪个是哪个。这里认真取名,日后会悄悄帮上忙。

第 4 步:粘贴并保存

把第 1 步复制的 script 标签原样粘贴到「标签」栏,显示范围通常选「全部页面」即可。想只放在商品页的心情可以理解,但运费和退货的问题在首页、在下单前同样会被问到,所以一开始铺到全站,漏掉的咨询会更少。

保存后打开店铺,确认右下角出现聊天按钮。安装到此完成。

更详细的条件与带图步骤整理在 BASE 集成页面。不限于 BASE 的组件通用思路,请参考聊天组件部署指南


3. 免费能做到哪一步

为 BASE 接入聊天机器人时,费用分成两处。

BASE 侧:HTML标签管理 App 免费。在没有月固定费的标准套餐下也能使用,因此不必升级 BASE 的付费套餐

聊天机器人侧:这里才是实际成本,各家服务的免费额度差别很大。

作为参考,列出ものしりAI 的数字。

Free Light Standard Pro
月费(含税) 0 日元 2,980 日元 7,980 日元 29,800 日元
AI 回答数(每月) 150 次 1,000 次 3,000 次 20,000 次
文件夹数 1 5 10 30
每个文件夹的文件数 30 个 100 个 300 个 300 个
聊天组件 1 个(每月 150 次) 1 个 1 个 1 个

※ 数据截至 2026 年 9 月。最新内容请查看价格方案

免费够用的情况

  • 刚开张、月访问量还不大的店铺
  • 咨询总量本来就少,先想看看反响的阶段
  • 只在促销期间试用等有限场景

开始需要付费的分界点

  • 每月被问超过 150 次。按一天 5 次的节奏就会到达
  • 想按商品品类分开管理资料(免费套餐只有 1 个文件夹)
  • 达到上限后提问功能会暂停,促销途中停掉会很麻烦

说实话,聊天机器人一旦真正跑起来,免费额度消耗得很快。把免费套餐当作「确认它在自己店铺是否好用」的手段,若预计会逼近每月 150 次,就按付费方案来设计更现实。反过来,几个月都到不了上限,那也说明「咨询量本来就少」,这同样是有用的信息。

关于「免费」一词的三种含义,如何免费为 WordPress 添加聊天机器人里做了拆解,这套思路在 BASE 上同样适用。


4. 让 AI 答得上运费・退货・尺码的资料

只是装上,聊天机器人什么也答不出来。AI 读到的资料质量,直接就是回答的质量。

不需要编写场景或问答分支。上传文本或 PDF 后,AI 会依据其内容作答。电商店铺最先该放进去的是这 5 类。

  1. 运费表 —— 分地区・分重量的价格、包邮条件、多件合并下单的处理
  2. 退换货政策 —— 受理期限、运费由谁承担、不适用的商品
  3. 配送时长参考 —— 发货所需天数、各地区到货预计、旺季的处理方式
  4. 尺码表・材质说明 —— 实测尺寸、上身感受、洗涤方式
  5. 特定商交易法相关标示 —— 直接复制店铺上已公开的页面即可

诀窍是把店铺页面上已经写好的内容直接做成文件,不必重新撰写。一旦想着「先写一版」,导入就会卡在这一步。

如果希望「尺码偏大吗?」这类模糊问题也能答上来,把商品说明里「版型偏宽松」之类的表述一并放进去,AI 就能读到这层语境。


5. 常见卡点

聊天按钮不显示

按这个顺序排查。

  1. HTML标签管理 App 里标签是否已启用。只保存而忘了启用,是最常见的原因
  2. 聊天机器人侧组件是否已发布。后台还停在草稿状态时,代码贴得再对也不会出现
  3. 浏览器缓存。用强制刷新(Windows:Ctrl+F5 / Mac:Command+Shift+R)再确认一次

图解 BASE 上聊天按钮不显示时的排查步骤

在 BASE 购物 App 内可能不显示

BASE 有面向买家的手机 App,可以在其中浏览店铺。App 内的呈现取决于 BASE 自身的实现,因此聊天组件这类外部脚本可能不会显示。用浏览器打开的店铺页面则照常工作。

如果来自 App 的流量占比较高,就不要把咨询入口全押在聊天机器人上,保留原有的咨询表单更稳妥。

右下角按钮重叠

BASE 店铺上可能同时存在购物车按钮和各类 App 添加的浮动元素,右下角很容易挤。出现重叠时,在聊天机器人侧的设置里把按钮位置改到左下角即可解决。ものしりAI 可以在后台切换位置。

同时显示多个聊天按钮会让访客困惑,请避免。

手机上的显示不一样

多数组件在手机上会切换为全屏显示。BASE 店铺的手机下单占比很高,因此安装后务必用真机手机打开确认。只把电脑浏览器窗口缩窄,是发现不了某些错位的。

无法完成支付或购物车操作

聊天机器人能做的是依据资料回答问题。它不会确认订单、加入购物车或处理支付。遇到「我想取消订单」这类请求,需要引导到人工窗口。在组件设置里登记咨询表单的 URL,AI 答不上来时就有了去处。


6. 装好之后才是正题

聊天机器人不是「装上就完事」的工具。有没有效果,几乎取决于装好之后有没有去看对话记录

ものしりAI 的后台可以查看访客的提问、AI 的回答和评价。值得研究的不是答得漂亮的对话,而是没能答上来的对话——那就是一份现成的「店铺上没写清楚的信息」清单。

实际中常见的模式是这样的:

  • 包邮条件没写在商品页上 → 在运费表里补上条件
  • 「明天能到吗」这类提问很多 → 追加发货排期的资料
  • 尺码提问集中在某个商品 → 直接修改那个商品页的说明文案

第 3 条最关键。聚集到聊天机器人的提问,同时也是店铺页面的改进清单。 减少咨询最有效的一招,是让人根本不需要问。


总结

  • BASE 的接入口只有「HTML标签管理 App」一个,BASE 侧不收费,标准套餐下即可使用
  • 流程是取嵌入代码 → 装 App → 新增自定义标签 → 粘贴保存四步,无需改代码,约 5 分钟
  • 标签独立于主题保存,因此换设计主题也不会丢设置
  • 免费套餐的分界点基本就是每月回答次数。ものしりAI 的 Free 为每月 150 次,一天 5 次就会到顶
  • 回答质量由上传资料的质量决定:运费表、退换货政策、配送时长、尺码表、法定标示,从现有页面复制即可
  • 不显示时,按标签是否启用 → 组件是否发布 → 缓存的顺序排查
  • 在 BASE 购物 App 内可能不显示,因此保留原有的咨询入口
  • 装好后查看对话记录,把答不上来的问题回填到资料和商品页里

分享这篇文章

相关文章

免费试用 Monoshiri AI

只需上传文档,即可开始向AI提问。免费计划,用户数无限制。

无需信用卡 / 1分钟即可开始