在這個 AI 爆炸的時代，你的網站還在用傳統、死板的關鍵字罐頭客服嗎？

現在很多網站都開始導入 AI 客服，但真正能做到「免費、速度快、能直接整合網站內容」的方案其實不多。

核心目的很簡單：
讓 WordPress 網站能用最低成本，快速擁有自己的智慧 AI 助理。

它不只是一般聊天機器人，而是能直接讀取網站文章、產品頁、文件內容的 RAG AI 系統。使用者提問時，AI 會即時從網站知識庫中搜尋相關內容，再生成回覆，整體體驗會比傳統 FAQ 或關鍵字客服自然很多。

CORE SYSTEM

不只是聊天機器人。

這是一個結合 RAG + 向量資料庫 + 即時語意理解的客服架構。

ARCHITECTURE

Groq × Supabase × WordPress

高速推論模型 + 向量搜尋 + 內容管理系統，三層整合。

WHAT IT DOES

理解問題，而不是匹配關鍵字。

使用者不再需要搜尋，只需要提問。

KNOWLEDGE BASE

自動學習整個網站內容。

文章、頁面、FAQ 全部轉為可語意檢索的 AI 知識庫。

RESULT

客服效率提升數倍。

減少重複問題，提高轉換率與使用者停留時間。

---

Groq 極速推理

支援同步 Groq 最新模型列表（例如 Llama 3.1），回應速度非常快，適合即時客服場景。

全站文章向量化

透過後台排程系統，可以把 WordPress 站內文章與頁面批次轉換成向量資料，並同步寫入 Supabase。

即使網站內容很多，也不需要擔心瀏覽器卡住或主機過載。

文章異動即時同步

新增、修改、刪除文章時，系統會自動同步更新 Supabase 向量資料庫。

讓 AI 回答的內容能維持最新版本。

---

如何建立自己的 AI 客服助理？

• 儲存設定後即可啟用
• 安裝並啟用 Groq x Supabase 客服 AI 外掛
• 進入後台「客服 RAG AI」
• 設定助理名稱與 System Prompt
• 填入 Supabase、Cohere、Groq API Key
• 到前台外觀設定調整配色與聊天 UI

---

架構與技術 (Tech Stack)

• CMS 基礎：WordPress Core (PHP)
• Embedding 引擎：Cohere API (embed-multilingual-v3.0 / 1024 維度)
• 向量資料庫：Supabase Vector Extension (vector(1024))
• LLM 推理核心：Groq Cloud API (預設 llama-3.1-70b-versatile)

groq-supabase-rag/
├── groq-supabase-rag.php       # 主入口（常數宣告、事件監聽與 Hook 配對）
├── includes/
│   ├── class-admin.php              # 後台控制模組（金鑰對齊、資料表操作、全站文章異步同步）
│   └── class-front.php                # 前台 RAG 對話模組（通訊、CSS變數風格注入）
├── admin/
│   └── js/
│       └── batch-sync.js               # 全站非同步批次處理（進度條回傳）
└── public/
    ├── css/
    │   └── chat-window.css        # 前台視窗樣式（完美包覆、無邊距破壞）
    └── js/
        └── chat-core.js                  # 前台對話前端 Fetch 核心