網站

LiveDesk 支援將 Website Channel 的聊天小工具加入至網頁中，用於承接訪客諮詢、分配會話，並在網站內提供即時對話能力。

即時聊天小工具適用於大多數現代瀏覽器。以下為支援的瀏覽器版本：

如何新增 Website 通道

「新增通道」-「Website」

輸入設定資訊

依照介面提示完成 Website Channel 的基本資訊填寫，點擊「確認」即可建立通道。建立完成後，可繼續在「整合」、「設定」、「小工具產生器」、「會話分配」、「Human Agent」、「AI Agent」等頁籤中完成後續設定。

依照介面提示填寫設定資訊，完成後點擊「確認」即可。

新增聊天元件到網站

建立完成後，頁面會跳轉至該通道的詳細設定頁。在「整合」頁籤中可以複製頁面產生的程式碼片段，並貼上到您的網站中完成安裝。

目前支援以下安裝方式：

詳細設定

向下捲動查看更多設定，您可以在這裡完成 Website Channel 的整合、基本設定、預聊天表單、工作時間以及小工具外觀等設定。

整合

「整合」主要提供小氣泡程式碼整合方式與相關安全設定。

• Messenger 腳本

  支援在「氣泡程式碼」、「iframe 程式碼」、「GTM 安裝」三種方式之間切換，並複製對應的安裝程式碼。程式碼中會包含目前 Website Channel 對應的 websiteToken 及執行所需的 sdk.js 引用位址。

• 使用者身分驗證

  預設關閉。啟用後，頁面會顯示身分驗證相關的金鑰資訊，可複製後用於伺服器端產生訪客身分校驗參數，以提升使用者身分可信度。

• 區域白名單

  預設關閉。啟用後，僅允許白名單中的網域初始化 Website 小工具。若有多個網域，請按行分隔填寫。本機除錯時需帶上連接埠號，例如：localhost:3000、127.0.0.1:8080。

設定

設定 Website Channel 的基本參數、訪客互動方式以及預聊天表單。

• Channel 資訊

  支援修改目前 Website Channel 的名稱。

• 開啟 Channel 問候功能

  預設關閉。啟用後，當使用者首次發起諮詢時，系統會自動傳送預設回覆訊息。

• 快捷指令

  預設關閉。啟用後，聊天視窗輸入框上方會固定顯示快捷指令標題，引導使用者快速傳送高頻問題。支援新增多條快捷指令，建議用於常見問題、諮詢入口或分流提示。

• 啟用 CSAT

  預設關閉。啟用後，當對話狀態變更為「已解決」時，會向使用者傳送一份滿意度調查，用於蒐集服務評價。

• Email 蒐集

  支援以下兩項設定：

  • Email 蒐集框：在對話開始時自動向使用者顯示 Email 蒐集輸入框，但不強制填寫。

  • 對話連續性：當使用者離線時，可透過 Email 持續與使用者保持對話。使用此功能前，需先完成 Email Channel 的相關設定。

• 使用者行為控制

  支援「使用者結束對話」設定。啟用後，使用者可主動在小工具中結束目前對話，系統會將對話狀態流轉為「已解決」。

• 預聊天表單

  預聊天表單已移動至「設定」頁籤中統一設定。啟用後，使用者在正式進入聊天前需先填寫表單內容。

  支援設定以下內容：

  • 表單正文：用於說明表單用途，例如：「您好，請您填寫下方內容，方便我們聯絡您」。

  • 表單選項：支援逐項設定表單欄位，包含「啟用」、「變數名稱」、「變數類型」、「名稱」、「預留文字」、「必填」等參數。

  • 系統預設欄位：支援 email、phone、firstname、lastname 等常見欄位。

  • 對話屬性欄位：支援選擇既有對話屬性作為預聊天欄位，提交後寫入對應會話屬性。

  • Email 欄位：可用於追蹤訪客身分，也可用於後續轉人工或離線聯絡。

• 工作時間

  預設關閉。啟用後，可為目前 Website Channel 設定工作時間、時區以及非工作時間說明文案。於非工作時間內，系統會依據設定內容提示訪客目前暫不可用，並結合會話分配規則處理人工接待。

小工具產生器

「小工具產生器」用於設定訪客端聊天元件的外觀與展示內容，右側預覽區域會即時顯示設定效果。

• 主題設定

              
              支援設定以下參數：

*   主題顏色：設定小工具主色。
    
*   文案顏色：設定標題、正文等文案的顯示顏色。
    
*   背景圖片：支援上傳並替換歡迎區域背景圖。
    
*   寬度：設定小工具寬度，預設為 400。
    
*   高度：設定小工具高度，預設為 700。

            

• 氣泡設定

              
              支援設定以下內容：

*   氣泡樣式：支援「圖示」、「圖示 + 文字」、「文字」三種顯示模式。
    
*   圖示：可替換預設圖示。
    
*   文字：當選擇「圖示 + 文字」或「文字」樣式時，可設定氣泡文案。文字長度不可超過 20 個字元。
    
*   大小：支援迷你、小、中、大、超大等不同尺寸。
    
*   氣泡位置：支援設定顯示位置，並可設定距離底部與距離側邊的間距。
    

            

• 歡迎語

              
              支援設定：

*   標題：歡迎區主標題。
    
*   內容：歡迎區正文內容。
    
*   引導語：顯示在「即時解答」區域，用於引導使用者快速開始諮詢。
    

            

• 社群媒體

              
              預設關閉。啟用後可設定社群平台或聯絡管道，並顯示於小工具歡迎卡片中。

            

• 提交工單

              
              預設關閉。啟用後，小工具中會顯示工單入口，允許使用者查看或提交工單。

            

• 外部連結

              
              預設關閉。啟用後可新增外部連結卡片，用於顯示外部說明中心、FAQ 頁面或其他跳轉入口。

            

會話分配

顯示目前通道對應的會話分配規則。支援路由規則、AI Agent 與 Human Agent 回應。會話分配優先順序為：路由規則 > AI Agent > Human Agent。

當存在路由規則時，系統會優先判斷是否符合路由條件；若同時存在多條規則，則依照順序逐一比對。若目前會話不符合任何路由規則，則優先分配給 AI Agent；當未設定 AI Agent 時，再分配給對應的 Human Agent。

支援自動分配，並提供依並發負載分配、依順序平均分配機制，以及依客服自訂負載分配機制。

• 依負載分配機制

依照定義的負載數量進行分配，優先分配給低並發負載的客服。

• 依順序平均分配機制

不考慮每位客服的負載設定，依照順序平均為每位客服分配對話。

• 依客服自訂負載分配機制

為每位客服個別設定自訂負載數值，優先分配給低並發負載的客服。

Human Agent

支援設定處理該通道會話訊息的人工代理，可新增或移除成員。

AI Agent

支援設定處理該通道會話訊息的 AI 代理，可啟用或停用，並支援新增 GPT AI Agent。