知识库 → 平台安装

如何在 Tilda 网站安装代理

分步指南：了解如何在 Tilda 网站中插入小部件代码、将其与购物车关联、处理缓存，并验证代理在所有页面上正常运行。

2026年9月6日

Tilda 在我们的商店中很常见：网站精美，商品齐全，但无人回复顾客提问。安装只需五分钟，无需程序员。

步骤 1. 复制代码#

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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