5 分鐘將自訂 ChatGPT 加入你的網站

Patryk Lasek
發布日期 閱讀時間約 3 分鐘
「5 分鐘將自訂 AI Agent 加入你的網站」縮圖

簡介

在這篇部落格文章中，我會示範如何在你的網站上建立並部署自訂 AI Agent。

這可協助你的企業：

  • 透過即時、24/7 回覆提升網站互動
  • 自動取得更多潛在客戶
  • 讓你的團隊卸下重複性的支援工作

我們會使用 Quickchat 的 dashboard 來設定你的 AI agent，加入你的企業知識，並用簡單的程式碼片段嵌入網站。

運作方式

以下是流程的高階概覽：

  1. 透過貼上文字、上傳文件或從你的網站匯入內容，為你的 AI Agent 提供知識。
  2. AI Agent 會處理這些資訊，成為熟悉你企業的專家。
  3. 你在網站上嵌入聊天 widget，讓訪客可以提問，並根據你提供的知識取得即時、準確的回答。

請依照以下步驟操作。完整設定不應超過 5 分鐘！

步驟 0 - 不用帳號先試用

如果你想先看看實際效果，可以在不註冊的情況下產生暫時的 AI Agent。

  1. 前往 Quickchat AI demo page。
  2. 貼上你的網站、help center 或 Shopify store 連結。
  3. 使用你自己的內容測試 AI Agent 的回覆，無需註冊。

從你的文件工具建立 AI Support Agent 的截圖

步驟 1 - 定義你的 Agent 身分與個性

你需要 Quickchat AI 帳號，在此註冊。

登入 Quickchat AI app 後，前往 Identity 分頁。

  1. 為你的 agent 設定 Name（例如「Eco AI Agent」）以及其角色的 Description（例如「提供永續生活建議」）。
  2. 在 AI Personality 下，選擇符合你品牌的語氣（classic、friendly、professional 或 playful）。
  3. 選取 AI Profession，例如 Shopping Assistant 或 Support Agent，用來引導其語氣與優先事項。

步驟 2 - 加入你的知識

前往 Knowledge Base 分頁，教導你的 AI Agent 關於你企業的資訊。你有幾種選項：

  • 手動輸入文字：貼上 FAQ、產品描述或指引。
  • 上傳文件：加入 PDF 或 Word 檔案。
  • 匯入網頁：提供 URL，Quickchat 會擷取其內容。這是最快的開始方式。

若要匯入頁面，請點擊 Add Knowledge，選擇 Website → Single page import，貼上 URL，然後點擊 Import。對你的主要頁面重複此操作，以建立穩固的基礎。

每當你新增或更新知識時，請記得點擊 Retrain AI 按鈕。

步驟 3 - 測試並部署

Agent 訓練完成後，前往 AI Preview 工具測試其回覆。根據你提供的內容提問，檢查準確性與語氣。

準備上線時：

  1. 前往 Channels → Your Website → Install。
  2. 複製提供的嵌入程式碼片段。
  3. 將程式碼貼到你網站 HTML 中，放在結尾 </body> 標籤之前。

完成了！聊天泡泡現在會出現在你的網站上。

步驟 4 - 自訂外觀與感受

在同一個 Install 分頁下，你可以自訂聊天 widget 的外觀，使其符合你的品牌。

  1. 設定 primary and header colors。
  2. 為你的 AI Agent 上傳 custom avatar。
  3. 調整泡泡大小、位置、視窗尺寸和動畫樣式。
  4. 啟用 white-labeling，移除 Quickchat AI 品牌標示。

如需完整了解如何為每個接觸面進行品牌化，從訪客點擊的啟動器到共享聊天頁面，請參閱如何端到端 white-label the chat widget。

步驟 5 - 透過選用功能強化你的 Agent

你可以在 dashboard 中啟用更進階的功能。

  • Human Handoff：位於 Capabilities 區段，可讓 AI Agent 順暢地將複雜對話轉交給真人支援團隊。
  • Smart Lead Generation：在 Actions 分頁中啟用，讓 AI 智慧辨識適合詢問使用者姓名、電子郵件或電話號碼的機會。
  • Advanced AI Actions：對技術使用者而言，Custom Actions 可讓你的 AI Agent 觸發外部系統，例如透過 API 呼叫在另一個應用程式中建立支援 ticket。

最佳實務

  • 提供高品質內容：AI 的表現取決於你提供的資訊品質。請使用準確且完整的內容。
  • 設定明確指引：使用 Identity 分頁中的 guidelines 區段，定義你的 agent 邊界與期望行為。
  • 充分測試：使用 AI Preview 工具提出真實情境問題，並調整 Knowledge Base 以提高準確性。
  • 監控 Analytics：檢視 dashboards 以追蹤使用者情緒和熱門主題，並運用洞察改善你的內容。