Tilda 网站的 AI 聊天:分步指南与常见陷阱
Tilda 网店接入 AI 聊天比哪里都快:代码粘贴在网站设置里,机器人通常能自己找到商品目录。但这两步里有些细节,会让新手白白浪费一个小时。我们按顺序来看。
事先需要什么
- 一个已发布页面的 Tilda 项目。机器人读取的是普通访客能看到的内容,所以草稿和有密码保护的页面它看不到。
- 用 Tilda 店铺区块建好的商品目录(每件商品有独立页面)。
- 站点地图。除非在设置里关闭了,Tilda 会自动生成
sitemap.xml。检查一下:打开你的网站.com/sitemap.xml。 - 配送、付款和退换货的条款要写在页面文字里,而不是图片里。机器人不读图片里的文字。
机器人从哪里获取商品目录
Tilda 的商品页面包含 schema.org 标记:名称、价格、库存和图片。这类页面的地址包含 /tproduct/。机器人在站点地图里找到这些地址并读取数据。
要确认你的网店没问题,请在独立页面上打开任意一个商品卡片。如果它有自己的地址,形如 你的网站.com/catalog/tproduct/...,就没问题。
第一步:获取代码
代码看起来就是一行:
<script async src="https://api.botnow.site/widget.js" data-key="你的密钥"></script>
在 botnow.site 的向导里,机器人学习完你的网站、你检查过它的回答之后,就能拿到这段代码。
第二步:把代码粘贴到 Tilda
方式一:整个网站。
- 打开项目,进入“网站设置”。
- 进入“更多”栏目,找到 HTML 代码输入框(HEAD 或 BODY 内,取决于你的方案支持哪个)。
- 点击“编辑代码”,粘贴这一行并保存。
- 发布所有页面。网站设置里的代码会应用到项目的所有页面,但改动需要在发布之后才生效。
**方式二:单个页面。**从“其他”栏目添加一个 T123 “HTML 代码”区块,粘贴这一行并发布页面。如果你只需要在目录和商品页上显示聊天,这种方式很合适。
第三步:检查
在没有登录 Tilda 的窗口里打开已发布的网站。右下角会出现聊天按钮。在 BotNow 向导里,状态会变成“已检测到小组件”。
Tilda 的样式和 Zero Block 元素不会影响小组件:它运行在隔离的容器里。
可能出什么问题
**聊天没有出现。**依次检查:编辑后是否发布了页面;代码是否粘贴进了被注释掉的区块;浏览器是否拦截了第三方脚本(拦截广告的扩展)。打开浏览器控制台:如果小组件被禁止在这个域名上运行,那里会有提示。
**机器人找不到商品。**多数情况下有两个原因:
- 卡片以弹窗形式打开,没有独立的地址,也不在站点地图里。
- 价格处写着“价格面议”。机器人能看到商品,但无法报价,会说价格需要确认。
这两种情况下,XML(YML)数据源或商品清单文件都能帮上忙;见自建网站。
**聊天里的价格与网站不一致。**机器人报的是学习网站时读到的价格。如果你之后改了价格,请重新读取网站:控制台将增加按计划更新商品目录的功能。
**Tilda 购物车与结算。**机器人不会下单,也不会把商品加入购物车。它会报价、展示卡片并引导到商品页面,之后由顾客自己操作。
上线前该检查什么
向机器人问问你的顾客最常问的 10 个问题,并单独核对价格和配送问题。如何组织这样的检查,见上线前如何测试 AI 聊天。
常见问题
接入聊天需要付费的 Tilda 方案吗?
在网站设置里粘贴自己的 HTML 代码并非所有方案都支持,而且条款会变化,所以请在 Tilda 帮助中确认当前规则。如果网站设置里没有代码栏,请在页面上使用 T123 “HTML 代码”区块。
只存在于弹窗卡片里的商品,机器人能看到吗?
只有这些商品拥有独立的页面地址且出现在站点地图中才能看到。如果卡片打开时没有自己的地址,机器人找不到它。这时 XML(YML)数据源或上传商品文件会有帮助。