Web Chat 介紹總覽

一、WebChat 是什麼？

您可以將在 MaiAgent 創建的 AI 助理嵌入您的網站，提供即時客服或其他對話。且 Web Chat 為響應式設計，能在桌面、平板、手機完美適應。

目前 MaiAgent 提供以下兩種嵌入方式：

1. 網站右下角嵌入

• 嵌入官網服務中，成為官網內建的智能助手

• 不干擾用戶正常瀏覽，需要時隨時可用

• 適合一般客服和諮詢服務

2. 全螢幕嵌入

• 提供完整的對話體驗

• 適合複雜的諮詢和服務流程

• 可客製化設計，符合企業需求

這樣的設計將帶來：

• 即時性：訪客無需等待，立即獲得專業回答，提升用戶體驗

• 便利性：右下角浮動設計不干擾正常瀏覽，需要時隨時可用

• 成本效益：AI 助理 24/7 服務，大幅降低人力成本

• 專業形象：展現企業的科技實力和服務品質

二、打造企業風格的 Web Chat 服務

MaiAgent 提供自訂 LOGO、頭貼、問答主題色彩等自定義功能，協助您打造企業風格的 Web Chat 服務

您可以透過

1. 選擇助理顯示名稱

2. 上傳您的企業 LOGO

3. 選擇 AI 助理顯示頭貼

4. 選擇 Web Chat 主題顏色

5. 選擇 AI 助理回覆時的訊息背景顏色

等功能打造屬於您的 Web Chat 外觀：

如此，就可以根據您的企業色彩需求，打造符合企業風格的 Web Chat 服務

三、訊息客製化

在第一次進入 Web Chat 服務時，您可以自由根據以下情境等設定屬於您的 AI 助理開場白。

1. 開場白客製化

品牌化問候語

設定：「歡迎來到我們的網站！我是您的專屬客服小助手」，展現企業專業形象和親切服務態度

引導式開場

設定：「我可以幫您查詢產品資訊、解答使用問題、協助訂單處理」，以明確告知用戶可提供的服務範圍，建立用戶對服務能力的信任感

2. 引導性起始問題

• 設定 「對話開始問題」 作為快速選項

• 用戶可直接點擊常見問題，無需打字

• 範例問題：

  • 「如何查看已訂購項目？」

  • 「如何下訂單」

  • 「會員積分規則」

  • 「營業時間」

用戶可透過點按起始問題展開對話，加速問答進程：

四、多樣性問答內容

1. 多語言支援

依使用者使用語言回覆，消除溝通障礙。

• 自動偵測：根據用戶輸入之語言選擇助理回覆語言

手動切換：

1. 使用 Web Chat 介面選擇使用語言，請見：多國語言支援：Web Chat 聊天設定。

2. 使用 Web Chat 初始化時腳本 (javascript) 指定 AI 助理回覆語言，請見：技術人員手冊—Web Chat 初始化。

2. 多模態問答

除文字問答外，AI 助理也可支援不同類型的檔案上傳：

• 試算表：.xls, .xlsx, .csv, .ods

• 文書處理文件：.doc, .docx, .odt, .pdf, .md, .txt

• 簡報文件：.ppt, .pptx, .odp

• 網頁文件：.html, .htm

• 資料格式：.json, .jsonl

• 音訊文件：.wav, .mp3

圖片內容處理

圖片識別與分析

• 上傳圖片分析：用戶可上傳產品圖片，AI 自動識別並提供相關資訊

• 截圖處理：支援螢幕截圖分析，協助解決使用問題

• 圖片說明：自動生成圖片內容描述和相關建議

圖片回覆功能

• 產品圖片展示：回覆中包含產品實體圖片

• 操作指引圖：提供步驟化的操作截圖

範例：

1. 使用者詢問該去哪裡設定 MaiAgent 助理，助理以圖片方式回應設定畫面

2. 使用者截圖向助理確認該路徑是否正確，助理正確解析後回應

文件處理能力

支援文件格式

• PDF 文件：自動解析 PDF 內容並回答相關問題

• Word 文件：處理 .doc/.docx 格式文件

• Excel 表格：分析試算表數據並提供洞察

• PowerPoint 簡報：提取簡報內容並回答問題

文件互動功能

• 文件內容查詢：基於上傳文件回答特定問題

• 數據分析：自動分析表格數據並以表格方式提供統計資訊

• 文件摘要：生成長文件的關鍵內容摘要

範例 1：請 AI 助理以表格方式呈現資料內容，並給予參考資料連結

範例 2：請助理分析銷貨內容，並給予表格解析

範例 3：傳入 docx 檔案，請助理協助分析 CV 撰寫上問題

五、歷程記憶與對話分享

1. 對話歷史記憶

為提供連續性的服務體驗，WebChat 會自動記憶用戶的對話歷史，讓每次對話都能建立在之前的基礎上。

記憶內容範圍

• 對話內容：完整的問答記錄，包含文字、圖片、文件等

• 服務狀態：未完成的查詢、待處理的問題

用戶可以在 Web Chat 左側對話列表中查看過去的對話紀錄，或開啟新對話

記憶對話功能可使用於：

• 連續諮詢：用戶詢問「上次推薦的帳篷型號是什麼？」 ，AI 能立即回憶並回答

• 進度追蹤：用戶說「繼續上次的訂單查詢」，AI 自動調出相關資訊

• 個人化服務：根據歷史對話提供更精準的推薦和建議

2. 對話分享

當諮詢 AI 助理後想分享對話給朋友或同事，或內部團隊需要協作討論客戶問題，可使用 MaiAgent 服務產生對話分享連結：

分享內容

• 完整對話記錄：包含所有文字、圖片、文件等內容

• 對話摘要：自動生成對話重點摘要

• 相關資源：對話中提到的產品連結、文件等

對話紀錄分享可使用於：

• 客戶分享：「這個露營裝備推薦很棒，分享給登山社團」

• 內部協作：客服人員分享複雜問題給技術支援團隊

• 培訓用途：分享典型對話案例作為員工培訓教材

六、選擇是否顯示使用工具、引用文件列表

1. 顯示使用工具列表

您可選擇是否讓使用者看見 AI 助理在推理時使用之工具列表，若允許，AI 助理在產出回覆時會出現以下畫面：

您可透過此列表追蹤 AI 助理使用的工具內容是否正確。

2. 顯示引用文件列表

每個 AI 回答都會自動生成引用文件列表，清楚標示資訊來源，提升回答的可信度和可追溯性。

顯示設定

企業可根據需求設定是否讓使用者看到引用的工具列表和參考文件名稱內容，若開放顯示，則在 AI 助理的回應底部會出現以下列表。點擊「引用節點」，則可以看見參考的文件片段：

依照不同的使用情景，可選擇是否公開引用資訊：

• 公開客服：顯示所有引用資訊，建立信任感

• 內部支援：隱藏敏感文件，保護機密資訊

• 教育機構：顯示學習資源，方便學生查閱

七、對話權限保障 - 安全可控的對話環境

1. 登入功能設定

強制登入機制

為確保對話內容的安全性和可控性，企業可開啟登入功能，要求用戶必須先登入才能使用 AI 助理服務。設定完成後，訪客點擊 WebChat 時會先進入登入頁面，只有成功登入的用戶才能開始與 AI 助理對話

安全優勢

• 身份驗證：確保每個對話用戶都有明確身份

• 權限控制：根據用戶身份提供對應的服務內容

• 對話追蹤：完整記錄每個用戶的對話歷史

• 資料保護：防止未授權用戶存取敏感資訊

2. 三種登入方式

AD (Active Directory) 登入

• 適用場景：企業內部員工使用，整合現有 AD 系統

• 特點：單一登入 (SSO)，無需額外帳號管理

• 設定方式：配置 AD 伺服器連線資訊和同步規則

• 實際應用：員工使用公司帳號直接登入，自動獲得對應權限

Keycloak 登入

• 適用場景：需要複雜身份管理的企業，支援多種身份提供者

• 特點：支援 OAuth2、SAML、OpenID Connect 等標準協議

• 設定方式：配置 Keycloak 伺服器、用戶池和身份提供者

• 實際應用：整合多個系統的用戶身份，統一管理權限

MaiAgent 登入

• 適用場景：簡單的用戶管理需求，快速部署

• 特點：內建用戶管理系統，操作簡單直觀

• 設定方式：在 MaiAgent 平台建立用戶帳號和權限

• 實際應用：為特定用戶群體建立專屬登入系統

開啟後，開始對話前將出現以下畫面要求登入：