可自定义品牌的N8N聊天机器人工作流

## 工作原理

该模板创建一个webhook端点，接收来自网站的聊天消息，并通过DeepSeek驱动的AI代理进行处理。工作流包括：

– Webhook端点：接受来自网站的POST请求
– AI代理：处理用户消息并维护对话上下文
– 内存缓冲区：记住每个用户会话的对话历史
– 响应格式化：将AI回复发送回聊天小部件

聊天小部件本身是一个嵌入到网站中的原生JavaScript组件。它具有以下特性：

– 可自定义的颜色、品牌和定位
– 支持明暗主题
– 移动端响应式设计
– 本地对话历史记录
– 带过期时间的会话管理
– WordPress插件集成

## 如何设置

1. 将工作流导入到您的n8n实例
2. 在DeepSeek聊天模型节点中配置您的DeepSeek API凭据
3. 激活工作流以生成webhook URL
4. 从Webhook节点复制webhook URL
5. 使用提供的JavaScript文件将聊天小部件嵌入到您的网站

## 要求

– n8n实例（自托管或云端）
– DeepSeek API账户和API密钥
– 要嵌入聊天机器人的网站
– 基本的HTML/JavaScript知识用于自定义

## 如何自定义工作流

### AI代理配置
– 修改AI代理提示以更改机器人响应方式
– 调整内存缓冲区设置以控制对话上下文
– 更改AI模型参数以获得不同的响应风格

### Webhook自定义
– 根据需要添加身份验证头
– 修改响应格式以匹配您的要求
– 在AI代理之前添加额外的处理节点

### 聊天小部件样式
– 更改brandColor和accentColor以匹配您的品牌
– 自定义机器人名称、头像和欢迎消息
– 调整定位和启动器样式
– 根据需要启用暗模式或HTML响应

### 高级功能
– 添加用户身份验证集成
– 实现速率限制
– 连接到您的CRM或支持系统
– 添加分析和跟踪

## 模板特性

✅ 无硬编码API密钥 – 使用n8n凭据系统
✅ 包含便签说明 – 解释整个工作流程
✅ 专业品牌化 – 完全可自定义的外观
✅ WordPress就绪 – 包含插件和短代码支持
✅ 移动端响应式 – 在所有设备上工作
✅ 会话管理 – 记住每个用户的对话

## 使用场景

– 客户支持：提供即时AI驱动的协助
– 潜在客户生成：吸引访问者并收集联系信息
– 产品指导：帮助客户找到正确的产品/服务
– FAQ自动化：自动回答常见问题
– 预约助手：帮助处理预约和预订
– 电商支持：引导客户完成购买

## 技术细节

该工作流使用LangChain AI代理，以DeepSeek作为语言模型，并包含用于对话上下文的内存缓冲区。webhook响应格式针对聊天小部件进行了优化。

## 实时演示

在线试用：实时演示

体验具有工作n8n webhook集成的聊天框小部件。演示展示了所有功能，包括明暗主题、HTML响应和会话管理。

注意：此模板包含完整的JavaScript聊天小部件和WordPress插件，使其可以立即在任何网站上使用。该工作流设计为生产就绪，具有适当的错误处理和安全考虑。