零成本搭建 WordPress 专属 AI 客服

为什么要自建 AI 客服？

现在很多网站的右下角都有一个Chatbox图标，点击就可以打开联系客服。随着AI的普及，越来越多的Chatbox是由AI提供服务的。
现在市面上的 AI 客服插件（如 Zendesk AI、Intercom 等）动辄几十刀一个月，还要按 seat 收费。
为 这个付费是不可能付费的。既然 n8n 推出了原生的 Chat Trigger，配合 AI Agent，完全可以搓一个数据可控、零订阅费的 AI 客服。

配料：

1. WordPress 博客：运行在 腾讯云轻量 上。
2. n8n 自动化平台：通过 Docker 部署在自托管的服务器上。
3. Azure OpenAI：每月有些免费的额度（不用白不用）。

核心搭建步骤

1. 创建2个简单的n8n 工作流

1. 定时把新的wordpress文章导入向量数据库
   这个工作流负责定期将 WordPress 的新文章同步到向量数据库，作为 AI 的知识来源。
2. 实时对话Workflow：这是处理用户实时对话的核心工作流。
   AI Agent 系统提示词 (System Prompt) 示例：
   你是 Oheng 博客 (oheng.com) 的 AI 助手。你的任务是根据博客文章内容，友好和专业地回答访客的问题。如果问题超出了博客范围，礼貌地引导访客回到与本站相关的主题上。

2. 嵌入 WordPress

n8n 提供了非常简洁的嵌入代码。我选择了通过 CDN 引入的方式，将以下代码加入到 WordPress 的 Footer 中：

<link href="https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css" rel="stylesheet" />
<script type="module">
  import { createChat } from 'https://cdn.jsdelivr.net/npm/@n8n/chat/dist/chat.bundle.es.js';
  createChat({
    webhookUrl: 'https://n8n.oheng.com/webhook/你的-webhook-id/chat',
    title: 'Oheng AI 助手',
    initialMessages: [
      '你好！我是本站 AI 客服，有什么可以帮你的吗？'
    ]
  });
</script>

踩坑与填坑记录

🛑 坑一：聊天框显示了，但输入发送报错（CORS 问题）

现象：
聊天气泡出现了，但发消息时控制台报错：
Access to fetch at '...' from origin 'https://oheng.com' has been blocked by CORS policy

原因：
浏览器为了安全，禁止我的博客域名（oheng.com）去调用 n8n 域名（n8n.oheng.com）的接口，除非 n8n 说“我允许”。

解决方法：
给chat triger 添加”Allowed Origins (CORS)”设置，允许” https://oheng.com 和 https://www.oheng.com”

🛑 坑二：AI 像金鱼一样，只有 7 秒记忆

现象：
我问：“还记得我上一个问题吗？”
AI 答：“抱歉，我无法记住之前的对话内容。”

原因：
n8n 的 AI Agent 默认是无状态的（Stateless）。我一开始漏掉了 Memory 组件。

解决方法：

1. 回到 n8n 画布。
2. 给 AI Agent 节点左侧的 Memory 输入端，连接一个“Simple Memory”。
3. 不需要复杂配置，连上就行。它会自动把 Session ID 对应的历史对话传给 GPT。

🛑 坑三：聊天图标把“回到顶部”按钮挡住了

现象：
Blocksy 主题默认的“回到顶部”按钮在右下角，n8n 的聊天气泡也在右下角。结果就是两个按钮叠罗汉，根本点不到下面那个。

解决方法：
我不希望修改 n8n 的默认样式，所以决定移动 Blocksy 的按钮。
在 WordPress 我把回到顶部的按钮移动到左侧了。

成果展示

现在，我的博客右下角有了一个专属的 AI 助手，可以点一下试试看。

虽然目前它在理解特定博客内容方面还比较“智障”，但 who cares？

别人有的功能我也要有，别人用收费方案，我用免费的，感觉赚了一个亿！

常见问题

• Q: 如果我用的是其他博客平台（如 Typecho、Hexo）能用吗？
  • A: 完全可以！只要你的平台能提供 RSS Feed 或者有 API 可以获取文章列表，就可以替换 n8n 工作流中的 WordPress 节点，实现同样的效果。
• Q: 向量数据库推荐用哪个？
  • A: 对于零成本和自托管，Qdrant 或 ChromaDB 的 Docker 版本都是绝佳选择，它们轻量且易于部署。
• Q: Azure OpenAI 免费额度用完了怎么办？
  • A: 文本嵌入和轻量聊天的 API 调用成本极低，转为即用即付模式也花不了多少钱。

要是我这博客的人流量能把我的额度用光，我花钱为大家充chatgpt 5.1 pro

下一步优化计划

1. 优化 AI 提示词：更新 System Prompt，强制 AI 优先从向量数据库中寻找答案，并添加问题改写步骤，将用户的闲聊转化为与博客内容相关的查询。
2. 限制回答范围：在 AI Agent 前添加一个 IF 节点，通过关键词过滤掉“写代码”、“做作业”等无关问题，避免 AI Chatbox 被滥用。
3. 扩展向量数据库：利用 OCR 工具提取文章图片的文字，或使用 GPT-4V 生成图片描述，将这些多模态信息也加入知识库，让 AI 的理解更全面。