無程式碼聊天機器人：不寫程式也能打造 AI 客服的完整指南
你完全不需要寫任何一行程式碼，就能在自己的網站上建立、訓練並上線一個 AI 聊天機器人。這在三年前還不成立，但到了 2026 年，無程式碼聊天機器人建構工具能讓你在 30 分鐘內，從零打造出一個能運作的聊天機器人。
本指南會帶你走過整個流程：註冊帳號、用你的內容訓練聊天機器人、客製化外觀與行為、測試，以及嵌入你的網站。整個過程都透過視覺化介面完成。
2026 年的無程式碼聊天機器人工具能做什麼
現今這一代的無程式碼聊天機器人工具，與幾年前的決策樹式建構工具有根本上的不同。那些較舊的工具需要你手動規劃每一條可能的對話路徑，只要漏掉一個分支，使用者就會卡在死路。
現代的無程式碼建構工具，底層採用大型語言模型（GPT、Claude、Gemini）運作。你不需要撰寫對話流程腳本，而是用你的內容訓練聊天機器人，給它關於語氣與行為的指示，實際的對話則交由 AI 處理。它能理解上下文、處理追問，並以自然語言回覆。
以下是完全不寫程式就能做到的事：
| 功能 | 運作方式 |
|---|---|
| 用你的網站訓練 | 提供一個網址，工具會檢索並為你的頁面建立索引 |
| 用文件訓練 | 上傳 PDF、Word 文件或文字檔 |
| 用問與答訓練 | 輸入特定問題及其理想答案 |
| 選擇 AI 模型 | 從 GPT-4o、Claude 或 Gemini 等模型中選擇 |
| 客製化外觀 | 設定顏色、位置、歡迎訊息、頭像 |
| 設定行為規則 | 用白話文寫下語氣、範圍與升級轉接的規則 |
| 新增動作 | 設定潛在客戶收集、建議訊息或自訂按鈕 |
| 嵌入任何網站 | 複製貼上單一指令碼標籤 |
| 支援多語言 | 聊天機器人會自動偵測並以訪客的語言回覆 |
過去需要開發人員才能完成的事——訓練 AI 模型、打造聊天介面、處理即時通訊、部署上線——現在全部都由平台代勞。
建立聊天機器人的七個步驟
步驟 1：註冊並建立聊天機器人
先建立一個帳號。在 Agentkit 上，這大約只需要 30 秒。你會進入儀表板，並在那裡建立你的第一個聊天機器人。
點選「建立聊天機器人」並為它取名，選一個具描述性的名稱，例如「Acme 客服機器人」或「業務助理」。這個名稱只會顯示在你的儀表板中，方便你自己管理；訪客在你網站上看到的，會是你之後設定的歡迎訊息。
選擇你的 AI 模型。Agentkit 讓你能使用來自三家供應商的多種模型：
| 供應商 | 可用模型 | 最適合 |
|---|---|---|
| OpenAI | GPT-4o、GPT-4o-mini、GPT-4.1、GPT-4.1-mini、GPT-4.1-nano、o4-mini | 一般用途、強大的推理能力 |
| Anthropic | Claude Sonnet 4、Claude Haiku 3.5 | 細膩的對話、詳細的回答 |
| Gemini 2.5 Pro、Gemini 2.5 Flash、Gemini 2.0 Flash、Gemini 2.0 Flash-Lite | 快速回應、多語言能力強 |
如果你不確定該選哪一個，可以先從 GPT-4o-mini 或 Claude Haiku 3.5 開始，這兩款速度快、能力足夠，也很划算。之後要換模型也不需要重新訓練。
步驟 2：新增訓練來源
這是最重要的一步，聊天機器人的品質，直接取決於訓練資料的品質與完整度。
你可以使用四種來源類型：
網站網址： 輸入你的網站網址，Agentkit 就會檢索頁面內容。這是讓聊天機器人取得完整知識最快的方式，可以指向你的行銷網站、說明中心、文件或常見問題頁面。檢索工具會沿著你網域內的連結逐一索引找到的內容。
網站訓練的小技巧：
- 從最重要的頁面開始：首頁、價格、常見問題、產品功能
- 如果你有獨立的說明中心或知識庫，另外檢索一次，確保涵蓋完整
- 檢查已索引的頁面，確認沒有納入不相關的內容
文件： 上傳 PDF、Word 文件或文字檔。這對於不在你網站上的內容很有用，例如內部流程、產品規格、教育訓練手冊或政策文件。
問與答： 手動輸入一個問題與它的理想答案，這能讓你對特定回覆擁有最高的掌控度。適合用問與答處理：
- 你最常被問到的 10 到 20 個問題
- 答案必須精確無誤的問題（價格、政策、法律相關）
- 你的網站內容無法清楚回答的問題
純文字： 貼上任何文字內容，例如產品說明、公司背景、團隊簡介，或任何你希望聊天機器人知道的其他資訊。
一個不錯的起始設定：
| 來源類型 | 該新增什麼 | 優先度 |
|---|---|---|
| 網站 | 你的主要行銷網站 | 高 |
| 網站 | 說明中心或文件網站 | 高 |
| 問與答 | 前 20 個常見問題與精確答案 | 高 |
| 文件 | 產品規格表或功能清單 | 中 |
| 純文字 | 公司概述、使命、關鍵差異化優勢 | 中 |
步驟 3：客製化外觀
讓聊天機器人看起來就像是你網站的一部分。在客製化面板中，你可以調整：
顏色： 將主色設定為符合你的品牌色彩，聊天氣泡、標題與強調元素都會採用這個顏色，你可以輸入色碼或使用選色器。
聊天氣泡位置： 選擇右下角或左下角，右下角是大多數訪客習慣的慣例位置。除非你有其他元素（例如客服小工具）已經佔用該位置，否則不需要更動。
歡迎訊息： 這是訪客打開聊天視窗時看到的第一句話，務必寫得具體又有幫助：
- 較弱：「嗨！有什麼我能幫忙的嗎？」
- 較好：「嗨！我可以回答關於我們產品、價格與功能的問題，你想了解什麼？」
- 最佳：「歡迎來到 Acme。我可以協助你了解價格、如何開始使用，或排解問題。今天有什麼我能幫你的？」
機器人名稱與頭像： 為聊天機器人取一個符合品牌形象的名稱，「Acme 助理」或「客服機器人」都清楚明確、不會誤導。上傳自訂頭像或標誌，讓它與你的網站視覺一致。
初始訊息與建議提示詞： 新增三到五則會在聊天開啟時出現的建議訊息，讓訪客有個起點，並引導對話走向你的聊天機器人擅長回答的主題。
步驟 4：撰寫指示
指示會告訴聊天機器人該如何表現，這與訓練資料（聊天機器人知道什麼）不同，指示定義的是聊天機器人的個性、範圍與規則。
用白話文撰寫指示，聊天機器人會把它們當作行為準則來遵循，以下是一個範本：
身分：「你是 [公司名稱] 的 AI 助理，負責協助訪客了解我們的產品並回答他們的問題。」
範圍：「只根據提供的訓練資料回答問題，不要回答與 [公司名稱] 或其產品無關的主題。」
語氣：「語氣要親切、清楚又簡潔。使用簡單的語言，避免使用行話。」
限制：「如果你不知道答案，請誠實說明，不要捏造資訊。」
升級轉接：「如果訪客要求與真人對話、想討論帳務問題，或提出你無法回答的問題，請讓他們知道可以聯繫我們的支援團隊，信箱是 [email protected]。」
語言：「以訪客使用的語言回覆。」
你不需要成為提示詞工程專家，寫指示的方式就像是在為新進團隊成員撰寫上手筆記：清楚、具體、務實。
步驟 5：新增動作
動作能讓你的聊天機器人做到回答問題以外的事。Agentkit 支援五種動作類型，全部都不需要寫程式：
| 動作類型 | 功能 | 範例用途 |
|---|---|---|
| 潛在客戶收集 | 收集姓名、電子郵件與自訂欄位 | 「要我寄一份詳細比較給你嗎？你的電子郵件是？」 |
| 自訂表單 | 在對話中顯示結構化表單 | 申請受理、建立客服工單 |
| 自訂按鈕 | 在聊天中顯示可點擊的按鈕 | 連結到你行事曆的「預約展示」按鈕 |
| 自訂 API | 呼叫外部 API 端點 | 查詢訂單狀態、查詢帳戶資訊 |
| 建議訊息 | 顯示可點擊的提示詞給訪客 | 引導訪客前往常見主題 |
對大多數聊天機器人來說，可以先從建議訊息與潛在客戶收集開始，這兩種動作涵蓋最常見的需求，只需要幾分鐘就能設定完成。
步驟 6：在 Playground 中測試
在把聊天機器人放上正式網站前，請徹底測試。Agentkit 內建 Playground，讓你能與聊天機器人進行完整對話，觀察它如何回應。
請測試以下情境：
| 測試情境 | 要檢查什麼 |
|---|---|
| 常見問題 | 是否能根據訓練資料準確回答？ |
| 訓練資料沒有涵蓋的問題 | 它會誠實表示不知道，還是會捏造答案？ |
| 多輪對話 | 能否在多則訊息之間維持上下文？ |
| 離題問題 | 是否會依照你的指示，維持在範圍之內？ |
| 不同語言 | 是否會以訪客的語言回覆？ |
| 潛在客戶收集觸發時機 | 潛在客戶收集表單是否在恰當的時機出現？ |
| 邊緣案例 | 無禮的訊息、空白訊息、極長的問題 |
根據測試結果調整你的訓練資料與指示，這種反覆測試，正是讓聊天機器人打動訪客、而不是讓訪客感到挫折的關鍵差異。
步驟 7：嵌入你的網站
當你對聊天機器人的表現感到滿意後，就可以正式上線了。Agentkit 會提供一段單一的指令碼標籤，讓你加到網站上：
<script data-chatbot="your-chatbot-id" src="https://cdn.agentkit.ai/widget.js"></script>
把這段程式碼貼在任何你想顯示聊天機器人的頁面中，結尾 </body> 標籤之前即可。就是這樣，不需要建置流程，不需要相依套件，也不需要設定檔。
不寫程式就能客製化的項目
以下是透過 Agentkit 儀表板就能調整的完整清單：
| 設定項目 | 選項 |
|---|---|
| AI 模型 | 來自 OpenAI、Anthropic 與 Google 的模型 |
| 訓練來源 | 網站、文件、問與答、文字 |
| 主色 | 任何色碼 |
| 聊天位置 | 右下角、左下角 |
| 歡迎訊息 | 自訂文字 |
| 機器人名稱 | 自訂文字 |
| 機器人頭像 | 上傳圖片 |
| 建議訊息 | 最多 6 則可點擊的提示詞 |
| 系統指示 | 白話文行為規則 |
| 動作 | 潛在客戶收集、表單、按鈕、API 呼叫、建議訊息 |
| 語言 | 自動偵測，支援 95 種以上語言 |
| 網域限制 | 限制小工具能在哪些地方載入 |
| 速率限制 | 控管每位使用者在特定時間內能傳送的訊息數 |
| 自動重新訓練 | 依排程自動重新檢索來源（Standard 以上） |
以上所有設定都能透過點選式介面完成，隨時可以更改；變更後會立即生效，不需要重新嵌入小工具程式碼。
什麼時候需要用到 API
無程式碼介面能滿足大多數使用情境，但在某些狀況下，REST API（Hobby 以上方案適用）能提供更多彈性：
- 自訂整合： 將聊天機器人串接到 Zapier 無法涵蓋的內部工具、資料庫或工作流程
- 程式化管理： 批次建立或更新聊天機器人，透過腳本管理訓練來源
- 自訂分析： 將對話資料匯入你自己的 BI 工具或資料倉儲
- 白牌部署： 把聊天機器人建置進你自己的產品，提供給你的客戶使用
- 進階 Webhook： 以自訂商業邏輯處理聊天機器人事件
API 並不是從聊天機器人獲得價值的必要條件，你可以把它視為一個延伸點，留給用量超出儀表板範圍的團隊使用。
各平台的嵌入方式
WordPress
使用像 Insert Headers and Footers 這類外掛程式，將指令碼標籤加到你的 WordPress 網站，或直接貼到佈景主題的 footer.php 檔案中。如果你使用 Elementor 或 Divi 這類頁面編輯器，可以新增一個含指令碼標籤的 HTML 小工具。聊天機器人適用於任何 WordPress 佈景主題，也不會與其他外掛程式衝突。
Shopify
在你的 Shopify 後台，前往「線上商店」，接著「佈景主題」，然後「編輯程式碼」。開啟 theme.liquid 檔案，把指令碼標籤貼在結尾 </body> 標籤之前，儲存後，聊天機器人就會出現在你商店的每個頁面上。如果只想套用在特定頁面，可使用 Shopify 的區塊或頁面範本系統。
Squarespace
前往「設定」，接著「進階」，然後「程式碼注入」，把指令碼標籤貼在頁尾區塊，Squarespace 會自動將它套用到每個頁面。聊天機器人小工具會顯示在你的 Squarespace 版面之上，不會干擾你的設計。
維護你的聊天機器人
建立聊天機器人只是第一步，要讓它持續發揮價值，需要長期關注：
每週： 瀏覽對話記錄，找出聊天機器人無法回答的問題，並把相關內容加進你的訓練來源。
每月： 檢視整體的聊天機器人指標。訪客有在互動嗎？聊天機器人回答得準確嗎？如果你的產品、價格或政策有變動，記得更新訓練資料。
每季： 全面檢視你的指示、建議訊息與動作設定。隨著你的業務演進，聊天機器人也應該跟著調整。
Agentkit 的自動重新訓練功能（Standard 方案以上適用）會依排程自動重新檢索你的網站來源，讓聊天機器人在你發布新內容時保持最新。至於問與答與文件，內容有變動時，你仍需要手動更新。
開始上手
你今天就能在網站上擁有一個能運作的聊天機器人。註冊、將你的網站網址加入作為訓練來源、寫幾行指示，再嵌入指令碼標籤，整個過程只需要不到 30 分鐘。
先從免費方案開始，內含每月 50 則訊息與一個聊天機器人，足以測試整體體驗，觀察訪客如何互動。當你需要更大的用量時，Hobby 方案每月 $29.99，提供 2,000 則訊息與 API 存取權限。想了解方案如何隨用量擴充，請參閱我們的聊天機器人費用與價格指南。
不需要任何程式能力，不需要技術設定，也不需要等待開發人員。
不需信用卡。
