設定及管理 Live Chat 即時聊天工具

將 Live Chat 即時聊天工具整合至你的網站,與訪客展開對話、追蹤瀏覽行為,並提示潛在客戶採取行動

撰寫者 Frieda Yip (Super Administrator)

更新於 January 23rd, 2026

🔒 本節內容僅適用於管理員帳戶使用者

 

Live Chat 即時聊天工具 讓你可即時與網站訪客互動,協助企業接觸潛在客戶、提供支援,並追蹤訪客行為。
透過將 Live Chat 即時聊天工具與 SleekFlow 整合,你可以簡化溝通流程,並自動化工作流程,以提升整體客戶互動體驗。

在本文中,我們將引導你完成以下設定內容:

  • 設定及啟用 Live Chat 即時聊天工具
  • 自訂外觀與基本行為
  • 語言設定
  • 彈出訊息與進階功能
     

設定 Live Chat 即時聊天工具

你可以按照以下步驟設定 SleekFlow Live Chat 即時聊天工具:

  1. 點擊左側導覽列的圖示,前往 頻道(Channels) 頁面
  2. 在左側選單中,選擇 Live Chat 即時聊天工具,系統會將你重新導向至設定頁面
  3. 在此頁面中,你可以根據業務需要與偏好設定此頻道

 

ℹ️ 在設定過程中,你可即時於頁面右側預覽即時聊天工具的顯示效果。

 

 

一般設定(General settings)

你可以自訂 Live Chat 即時聊天工具的外觀與基本行為,以配合你的品牌形象:

  • 聊天機械人標誌:上載顯示於即時聊天工具中的標誌
  • 背景及按鈕顏色:調整顏色以符合品牌識別
  • 聊天機械人顯示名稱:設定顯示於 Live Chat 即時聊天工具中的名稱

ℹ️ 注意:你可於頁面右側的 預覽(Preview) 區域查看設定效果。
完成設定後,請務必點擊頁面底部的 儲存,再前往下一個設定部份。

 

 

進階設定(Advanced settings)

你可以透過以下進階選項,進一步提升聊天體驗:

  • 回覆時間提示:設定預期回覆時間,以管理訪客期望
  • 營業時間:設定營運時段,並選擇是否在非營業時間隱藏聊天按鈕
  • 非營業時間設定:你亦可以啟用 在非營業時間隱藏 Live Chat 即時聊天工具訊息功能,以停用「開始聊天」功能。請注意,即使啟用此設定,社交訊息頻道仍會持續顯示。
  • 聯絡表單(Contact form):在開始聊天前,要求訪客提供聯絡資料(姓名、電郵、電話號碼)
    • 啟用此切換後,系統預設會要求訪客在透過 Live Chat 即時聊天工具 開始對話時提供 電話號碼。
      如你希望將其設為選填,可勾選對應的選項。你亦可選擇此聯絡資料要求的啟用時段:
      • 全時間(All-time)
      • 僅限非營業時間(Only during off-hours)
  • Widget 品牌標示(僅限進階及企業計劃):Widget 品牌標示:選擇是否顯示「Powered by SleekFlow」

注意:在前往下一個設定部份前,請務必點擊頁面底部的 儲存 以保存你的變更。

 

 

語言設定(Languages settings)

你可以設定 Live Chat 即時聊天工具 的語言顯示,讓聊天介面以使用者偏好的語言呈現,為網站訪客提供更在地化的體驗。

在此部份中,你可以:

  • 啟用其他語言:透過切換開關啟用所需語言
  • 設定預設語言:作為訪客瀏覽器語言未受支援時的備用語言

當某個語言被啟用後,你可以點擊圖示,並選擇 設為預設,將該語言設為系統的預設顯示語言。

你可以為 Live Chat 即時聊天工具 設定多種語言,以配合不同業務需要。
當訪客進入你的網站時,系統會自動偵測其瀏覽器語言,並顯示相應的語言介面。
如果訪客的瀏覽器語言未被啟用或不在支援清單中,聊天介面將顯示你所設定的 預設語言。

注意:在前往下一個設定部份前,請務必點擊頁面底部的「儲存」以保存你的變更。

 

 

彈出訊息(Pop-up messages)

你可以根據訪客的 URL 及其瀏覽行為,自動向網站訪客發送目標式的彈出訊息。

 

建立彈出訊息

你可以按照以下步驟建立彈出訊息:

  1. 在「彈出訊息」分頁中,點擊「建立彈出訊息」按鈕,系統會顯示「建立彈出訊息」對話視窗。

     
  2. 請填寫以下項目:
    1. 訊息標題(Message header):
      輸入用作內部識別的名稱,僅供你辨識此彈出訊息,不會顯示給訪客。
    2. 訊息內容(Message):
      輸入你希望顯示給訪客的訊息文字(最多 1024 個字元)。
    3. 觸發時間(Select the trigger time):
      以秒為單位,設定訪客進入指定 URL 後,多久才顯示彈出訊息。
    4. 條件(Conditions):
      根據 URL 設定此彈出訊息應在哪些頁面「顯示」或「隱藏」。
      你可以新增多個條件,以進一步指定顯示規則。

在指定頁面顯示彈出訊息

如你只希望彈出訊息顯示於特定頁面,可透過設定精確的條件來控制其顯示位置。

例如,如你只希望訊息顯示於首頁,可設定如下條件:

  • 當 URL 完全符合:www.sleekflow.io/homepage

     

此設定可確保彈出訊息只會顯示於首頁。
如 URL 未完全符合設定條件,該彈出訊息將不會顯示。 

 

 

提示:為確保溝通清晰並方便訪客理解,請避免為同一個 URL 建立多個彈出訊息。整合訊息內容可提供更流暢的使用體驗,並避免造成混淆。

 

 

編輯彈出訊息

你可以按照以下步驟修改現有的彈出訊息,以配合你的需要:

  1. 在你想編輯的彈出訊息旁,點擊圖示
  2. 在編輯對話視窗中進行所需的修改
  3. 選擇將訊息儲存為「草稿」,或「儲存並發佈」更新後的訊息

 

刪除彈出訊息

如你不再需要某個彈出訊息,可按照以下步驟將其刪除:

  1. 在該彈出訊息旁,點擊圖示
  2. 系統會顯示警告訊息,點擊「刪除」以確認刪除操作

注意:如你刪除的是已發佈的彈出訊息,該訊息將不會再於已設定的 URL 上被觸發。

 

 

發佈草稿彈出訊息

如要發佈草稿狀態的彈出訊息,請按照以下步驟操作:

  1. 點擊「草稿」下拉選單,並選擇「已發佈」
  2. 點擊「儲存」,完成設定並讓彈出訊息正式生效

 

設定 Live Chat 即時聊天工具可用頻道

你可以選擇哪些通訊頻道會透過 Live Chat 即時聊天工具 顯示給網站訪客,讓客戶可使用其偏好的訊息平台與你的業務聯繫。

當訪客點擊某個頻道(例如 WhatsApp、Instagram、LINE)時,系統會將其重新導向至相應的平台以繼續對話。
如訪客選擇 Live Chat 即時聊天,則可直接於你網站上的即時聊天工具中與你的業務互動。

你可以按照以下步驟選擇要在 Live Chat 即時聊天工具中顯示的頻道:

  1. 啟用你希望顯示於即時聊天工具中的頻道
  2. 訪客將會看到這些選項,並可選擇透過哪個平台傳送訊息
  3. 對於 WhatsApp、Instagram 及 Facebook Messenger 等平台,你可從下拉選單中選擇指定的帳戶

 

注意:請確保至少有 1 個頻道 處於啟用狀態,讓訪客能夠聯絡你。

 

 

注意:在前往下一個設定部份前,請務必點擊頁面底部的「儲存」以保存你的變更。

 

 

取得程式碼片段

如要將 Live Chat 即時聊天工具 整合至你的網站,你需要將專屬的程式碼片段複製並貼上至網站的 HTML 中,以確保即時聊天工具能正常顯示及運作。

你可以按照以下步驟取得 Live Chat 即時聊天工具 的程式碼片段:

  1. 完成 Live Chat 即時聊天工具 的設定後,點擊頁面右上角的「取得程式碼片段」按鈕
  2. 系統會顯示彈出視窗,點擊彈出視窗右下角的「複製程式碼」,將程式碼片段複製至剪貼簿

 

注意:上方顯示的範例程式碼僅供參考,請勿直接複製並貼上至你的網站。

 

 

安裝程式碼片段:

  1. 成功複製程式碼片段後,請按照以下步驟安裝:
  2. 將程式碼片段貼上至你希望顯示即時聊天工具的頁面 </body> 標籤之前
  3. 如需於整個網站顯示,請將程式碼加入至 <header> 或 <footer>
  4. 重新整理你的網站,以啟用即時聊天工具
  5. 確認 Live Chat 即時聊天工具 顯示於網站右下角
  6. 透過 Live Chat 即時聊天工具發送測試訊息,確認已成功連接至 SleekFlow