N8N Chat UI：为网站搭建 n8n 聊天机器人界面

N8N Chat UI 是面向 n8n 聊天机器人的可视化界面工具：把已经能运行的工作流接到一个符合品牌风格的聊天窗口，再嵌入现有网站。它适合已有 n8n 自动化、希望让访客直接使用的开发者、独立站团队和建站服务商。

通俗理解：这个网站到底是干什么用的？

可以把 n8n 工作流理解为后台办事的流程，把 N8N Chat UI 理解为前台接待窗口。访客在网页上提问，窗口把消息发给你配置的 Webhook，后台完成查询、调用模型或其他操作，再把结果交回窗口展示。

例如，你可以给已有的商品咨询流程加上网站聊天入口；订单查询、知识检索或预约是否真正可用，取决于后台接好了哪些系统。这个网站主要解决“聊天界面怎么设计、怎么接入网站”，不会仅凭更换皮肤就自动生成业务流程。它是独立产品，官网明确说明与 n8n 官方没有隶属关系。

围绕品牌与业务任务设计聊天窗口

编辑器支持实时预览，可调整聊天按钮、颜色、字体、头像、欢迎语和窗口外观。页面内嵌适合专门的问答区域，悬浮气泡适合让访客浏览网站时随时打开聊天；界面支持桌面、平板和手机布局，也提供从右到左的排版能力。

面向客户交付时，可以围绕“售前收集需求”“售后答疑”“资料检索”等任务设计欢迎语和引导。后端可通过 followUpPrompts 返回可点击的后续问题，减少访客不知道如何继续的情况。多个窗口共用工作流时，还需要按官方会话文档规划 session key，避免不同页面的对话上下文混在一起；这不等同于用户身份认证。

从 n8n Webhook 到网站上的第一次对话

先准备一个能够接收消息的 n8n 工作流和可编辑的网站，再按以下路径接入：

1. 在编辑器中设置聊天窗口，选择页面内嵌或悬浮展示，并检查预览。
2. 连接工作流的 Chat Trigger 或 Webhook 地址，把实际的问答与业务逻辑留在 n8n 中。
3. 对普通非流式响应，确认后端返回成功状态和有效 JSON，并在 output 字段提供要显示的文本。自行拼接包含引号的回复容易产生解析错误，应按文档处理 JSON 转义。
4. 将生成的嵌入代码放入网站，发送一条测试消息，同时查看 n8n 执行结果和网页回复是否一致。

如果用 WordPress，官方提供 ChatUI Widget for n8n 插件：安装并启用后，在 Settings → N8N Chat UI 填入托管窗口的 Widget ID，或独立模式的 Webhook，再保存设置。还可以排除不需要显示聊天的页面。后端接入与响应格式可用于核对接口，也支持符合相同约定的自定义 POST 后端。

文件上传、语音输入和流式回复怎么配合

文件上传用于把文件、图片和相关信息交给工作流。你可以限制文件类型、大小和单次数量；n8n 收到二进制文件后，仍需由你配置解析、存储或模型处理节点。出现上传按钮，不代表产品自带任意文档问答能力。文件上传说明提供了具体字段和处理方式。

语音输入会把录音发送到后端，官方示例先调用语音转文字服务，再把识别文本交给 Agent。它并非仅勾选开关就能完成的实时双向语音通话；录音时长和不支持浏览器时的提示也需要配置。上传文件或音频时，metadata 会以 JSON 字符串发送，后端若要作为对象使用，需要先解析。

流式回复可以逐步显示模型生成的文本，但 Chat Trigger／Webhook 输入端与 AI Agent 输出端都需要开启 streaming。只开一端可能导致无回复；排查时应同时检查两侧设置，而不只是修改窗口样式。

托管积分与独立版许可：免费和付费的边界

截至 2026 年 10 月 28 日，官网提供两条主要使用路径：

• Managed 托管窗口：新账户获得 100 个试用积分，有效期 30 天；之后按预付积分使用，代理处理一条消息消耗一个积分，余额用完会停止处理新消息。按当前条款，2026 年 10 月 5 日起购买的付费积分不失效，旧积分遵循购买时条件。
• Standalone 独立窗口：购买一次性许可证后，由浏览器直接连接你的后端，不消耗该产品的托管消息积分。对当前新购用户，核心许可与后续支持、更新计划需要分开理解；不能把一次性购买理解为未来所有增值功能永久免费。

可先试用界面和托管额度，再根据消息量、维护方式及是否需要隐藏 Webhook 选择模式。付费包、活动价、结算币种和税费以官方定价与结账页面为准；n8n 部署、模型调用和语音转写等后端服务也应单独计入预算。

隐私与部署限制：先看清消息经过哪里

独立模式中，消息从浏览器发往你的 Webhook，地址会出现在客户端嵌入代码中，端点保护由你负责。托管模式经过厂商代理，可隐藏上游 Webhook，并提供域名限制、地区访问控制、限流、集中配置和用量分析。

根据官方隐私政策，N8N Chat UI 声明不保存、缓存或记录聊天正文；托管代理仍会实时处理消息，并保存运行所需的技术指标及配置。这一声明的范围是该产品本身，不能推导出你的 n8n 执行记录、数据库或模型服务也不留存数据。上线前应结合实际接入链路检查上传内容、访问权限和保存方式。

如果你需要的是“输入一句话就自动生成完整业务系统”，或尚未准备工作流，它还不能单独解决全部需求；如果工作流已经跑通，只差一个可定制的网站入口，它的定位就比较明确。

常见问题

可以嵌入已经上线的网站吗？

可以。使用生成的嵌入代码接入；WordPress 也有官方插件。前提是你有相应的网站编辑或插件安装权限，并已配置可用后端。

它会自动帮我搭建 n8n 工作流吗？

不会自动完成你的业务逻辑。它提供界面与连接能力，具体模型、数据源、查询步骤和操作权限仍要在 n8n 或兼容后端中配置。

免费额度可以一直使用吗？

不能把它当作不限量免费服务。新账户的 100 个托管试用积分有 30 天期限；后续需要购买积分，或购买独立版许可证并承担自己的后端运行费用。

官方资源与接入文档

• 官方文档：核对功能、会话管理与高级配置。
• WordPress 插件安装说明：查看 Widget ID、Webhook 和页面排除设置。
• MCP 接入指南：通过 OAuth 或 API key 让兼容客户端列出、创建和调整窗口主题；主题调整工具不修改 Webhook。
• 官方业务支持：咨询账户或接入问题。