---
title: 如何在 Tilda 网站安装代理
description: 分步指南：了解如何在 Tilda 网站中插入小部件代码、将其与购物车关联、处理缓存，并验证代理在所有页面上正常运行。
section: platforms
keywords: Tilda, Tilda 小部件, Tilda 网站聊天, Tilda 在线客服, HTML body 代码, 嵌入代码, Tilda 电商网站, AI 代理, 智能代理, AI 销售代理, Tilda 网站集成, Tilda 安装指南, Tilda 聊天机器人, Tilda 客户服务
updated: 2026-09-06
---
Tilda 在我们的商店中很常见：网站精美，商品齐全，但无人回复顾客提问。安装只需五分钟，无需程序员。

## 步骤 1. 复制代码

在后台，打开“小组件和链接”，然后点击“复制代码”。这是一行代码，格式为 `<script src="…" async></script>`。

## 步骤 2. 粘贴到 Tilda

1. 在 Tilda 个人后台，打开所需项目。
2. 点击“网站设置”。
3. 进入“更多” → “用于插入 head/body 的 HTML 代码”部分。
4. 将代码粘贴到 **HTML 代码（用于 body）** 字段中（而不是 head）。
5. 保存。

接下来是常被遗忘的必要步骤：**重新发布所有页面**。Tilda 在发布时应用代码，因此未发布的页面上不会显示小组件。页面列表中有“全部发布”按钮。

> [!warning] 如果将代码粘贴到 head 字段中，小组件也会加载，但会延迟加载并可能出现冲突。正确的位置是 body。

## 步骤 3. 关联购物车

如果您的 Tilda 商店有自己的购物车，则无需启用聊天支付功能。相反，您需要在商店设置中指定购物车链接：这通常是您网站购物车页面的地址。代理会将顾客引导至购物车，结账流程将按常规进行。

如果没有购物车，并且商品是“按需”销售，请启用聊天支付功能——这样整个购买过程都将在聊天对话中完成。详细信息请参见文章 [聊天支付](/wiki/zh/payments)。

## 步骤 4. 收集商品目录

在设置中输入网站地址并启动分析。爬虫会读取 Tilda 商品卡片，包括价格、属性和照片，同时还会识别商店的货币。

如果您的商品不在 Tilda 目录中，而是以区块形式描述在页面上，爬虫仍然会找到价格和名称，但商品卡片会比较粗糙。这种情况下，从“目录”导入 CSV 文件会有帮助——Tilda 支持将商品导出为文件。

## 代理不介绍商品——它引导顾客购买

这就是聊天不再仅仅是聊天的地方。顾客询问“你们有什么三千元以下的商品”，代理不会用一段文字回答，而是以卡片形式呈现：照片、名称、价格、按钮。点击后会打开您网站上的商品页面——在同一窗口中，无需新标签页，也不会丢失上下文。

接下来，顾客进入 Tilda 熟悉的销售漏斗：您的商品卡片、您的“购买”按钮、您的购物车。代理引导，商店销售。

第二点，通常出乎意料的是：代理可以看到顾客当前正在浏览哪个页面。它会从页面中提取商品标记——名称、SKU、价格——并理解上下文中的问题。顾客停留在蓝色扶手椅的商品卡片上，然后写道“有配套的靠垫吗？”——代理知道指的是哪款扶手椅，并推荐真正适合的商品。

商品链接在没有网站的地方也有效：如果商品卡片来自 Instagram 或 TikTok 帖子，按钮将打开原始帖子。目录从不同来源收集，但始终引导至可购买的地方。

1. 在无痕模式下打开网站。聊天按钮应在一两秒后出现在右下角。
2. 询问有关商品的问题——代理应显示商品卡片。
3. 询问有关配送的问题——答案应与您的条件一致。
4. 检查手机：在移动版上，按钮不应遮挡 Tilda 购物车。

如果按钮遮挡了重要内容，请在“小组件和链接”部分将其位置更改为左侧。

## 聊天窗口与网站风格保持一致

Tilda 网站有浅色主题，也有强调深色的主题，因此小组件有三种主题模式：浅色、深色和“访客偏好”。最后一个会根据用户的设备设置进行调整，并默认为此模式。

如果您的网站采用统一风格，请强制设置相同主题——聊天窗口将不再像角落里的补丁一样突兀。无论选择哪种主题，强调色都将保持您的品牌色。

## 步骤 5. 检查

## 常见问题

**小组件未显示。** 十有八九是代码插入后页面未重新发布。请重新发布并清除缓存后刷新页面。

**小组件并非在所有页面都可见。** 代码未插入网站设置，而是插入了单个页面上的独立 T123 区块。请将其移至“网站设置” → “更多”。

**按钮出现延迟。** 这是正常现象：脚本是异步加载的，在主要内容之后加载，以避免拖慢页面速度。

**与其他聊天工具冲突。** 两个聊天工具在同一个角落会相互遮挡。请保留一个，或将它们放置在不同位置。

## 常见疑问

### 是否需要 Tilda 付费套餐

代码是插入到网站设置中的，这在 Tilda 的付费套餐中可用。免费套餐不支持插入自定义代码——这种情况下，请使用代理链接，并将其作为按钮放置在页面上。

### 小组件是否会拖慢网站速度

不会。脚本文件很小，并且是异步加载的，聊天窗口本身只有在点击按钮时才会加载。这不会影响 Tilda 页面的加载速度。

### 是否可以将代理仅放置在一个页面上

是的，请不要将代码插入网站设置，而是插入所需页面上的“T123 HTML”区块。例如，单品落地页就是这样操作的。

### 是否支持 Tilda Store

是的。代理会读取商品卡片和购物车，并将结账流程留给 Tilda 商店处理：顾客会带着选定的商品进入您的购物车。

### 如何从网站上移除小组件

删除网站设置中的代码行并重新发布页面。数据和对话将保留，代理链接将继续有效。