管理你的 AI Growth Widget

在你的網站上安裝、自訂及管理 AI Growth Widget

撰寫者 Frieda Yip (Super Administrator)

更新於 August 24th, 2026

前往 AI Growth Widget 設定頁面品牌基本設定 AI Growth Widget 顯示模式 AI Growth Widget 位置顯示時機語言設定互動彈出訊息指定頁面彈出訊息頻道收集客戶資料即時對話頻道外部訊息頻道使用電話通話作為外部頻道複製並安裝 AI Growth Widget 程式碼片段下一步

建立 AI Growth Widget 後，你可以隨時返回設定頁面更新設定、自訂小工具在網站上的顯示方式，以及調整訪客與小工具互動的方式。

本文將介紹如何透過以下四個分頁管理 AI Growth Widget：

注意：你必須先完成 AI Growth Widget 設定，才可以前往 AI Growth Widget 設定頁面。如需了解如何建立 AI Growth Widget，請參閱此教學文章。

如要管理 AI Growth Widget：

點擊左側導覽列的圖示，前往頻道。
在左側面板點擊 AI Growth Widget。
系統會將你重新導向至 AI Growth Widget 設定頁面。

你可以隨時切換不同分頁並更新設定。系統會自動儲存變更，預覽亦會同步更新。

品牌

品牌分頁可讓你管理 AI Growth Widget 的外觀，以及向訪客展示業務的方式。

你可以在此分頁設定品牌視覺元素及預設訊息。

可用設定

公司標誌： 上載代表你品牌的標誌。此標誌會顯示在 AI Growth Widget 的歡迎畫面，並用作對話中回覆者的頭像。
主要顏色： 設定 AI Growth Widget 按鈕及主要操作所使用的主要顏色。
次要顏色： 設定對話介面內訊息氣泡所使用的顏色。
即時對話顯示名稱： 輸入顯示為 AI Growth Widget 標題的名稱，一般為公司或產品名稱。
發送者顯示名稱： 設定對話中顯示的訊息發送者名稱。
歡迎訊息： 設定訪客在沒有配置彈出訊息的頁面開始對話時所顯示的預設訊息。

這些設定會直接影響 AI Growth Widget 的外觀，以及訪客在對話期間對你品牌的觀感。

基本設定

基本設定分頁可讓你管理 AI Growth Widget 的運作方式及向訪客顯示的方式。你可以在此分頁設定 AI Growth Widget 顯示模式及語言。

在 AI Growth Widget 顯示模式下，選擇 AI Growth Widget 在網站上的顯示方式。

你可以選擇：

導覽模式： 顯示於網站底部中央的對話列，提供引導式互動體驗、專注的對話介面及內置側邊欄。
支援模式： 顯示於網站角落的對話圖示，提供熟悉而不會干擾瀏覽體驗的支援方式。

如需了解每種顯示模式的詳細說明及適用情境，請參閱建立 AI Growth Widget。

在 AI Growth Widget 位置下，選擇對話圖示靠近網站哪一側顯示，以及與該邊緣之間的距離。

請注意，側邊及底部偏移距離只適用於網頁版。在流動裝置上，你只可以選擇將 AI Growth Widget 顯示於左側或右側。

你可以設定以下項目：

側邊： 選擇 AI Growth Widget 顯示於網站的右側或左側。
- 右側： AI Growth Widget 顯示於右側。這是預設選項。
- 左側： AI Growth Widget 顯示於另一側。
側邊偏移： 設定 AI Growth Widget 與所選側邊之間的距離。此設定只適用於網頁版。
底部偏移： 設定 AI Growth Widget 與頁面底部之間的距離。此設定只適用於網頁版。

顯示時機

在 顯示時機下，選擇訪客何時會在網站上看到 AI Growth Widget。

你可以選擇以下其中一個選項：

自動顯示： AI Growth Widget 載入後，對話啟動按鈕會立即顯示於所有頁面。
觸發時顯示： AI Growth Widget 會保持隱藏，直至你網站上的按鈕透過 JavaScript API 觸發顯示。

選擇觸發時顯示後，請使用設定面板中提供的 JavaScript API，在網站上開啟或隱藏 AI Growth Widget。

當你希望自行控制 AI Growth Widget 的顯示時機，例如訪客點擊自訂按鈕或在網站上完成指定操作後才顯示，可以使用此選項。

語言設定

在語言設定下，設定 AI Growth Widget 支援的語言。

主要語言： 當訪客的瀏覽器語言不受支援時使用的預設語言。
其他語言： 新增其他語言，為訪客提供本地化體驗。

系統會根據訪客的瀏覽器設定顯示相符的支援語言。如果沒有相符語言，則會使用主要語言。

互動

互動分頁可讓你管理 AI Growth Widget 如何主動與訪客開始對話。

彈出訊息

在彈出訊息下，你可以建立預設訊息，在網站上向訪客打招呼並鼓勵他們開始對話。

你可以設定：

供內部識別的訊息名稱
最多 500 個字元的訊息內容
顯示時間，以設定等待多少秒後才顯示訊息

此訊息會用作網站上的一般彈出訊息。

指定頁面彈出訊息

在指定頁面彈出訊息下，你可以為網站上的指定頁面建立不同的訊息。

當你希望根據頁面內容顯示相應訊息時，可以使用此功能。例如，你可以在產品頁面、價格頁面或到達頁面顯示不同的訊息。

設定指定頁面彈出訊息後，訪客瀏覽該頁面時會看到此訊息，而非一般彈出訊息。

如要新增指定頁面彈出訊息：

在指定頁面彈出訊息部分點擊「新增彈出訊息」。
系統會顯示彈出視窗。
如要設定訊息內容，前往內容分頁並設定以下項目：
1. 訊息標題： 彈出訊息的標題，只會在內部顯示，方便團隊成員識別此彈出訊息。
2. 訊息： 輸入你希望向訪客顯示的文字，最多可輸入 70 個字元。
  1. 例如：需要協助選擇計劃？立即與我們對話！
如要設定彈出訊息的顯示條件，前往條件分頁：
1. 條件會決定彈出訊息在何時及哪些頁面顯示。每則訊息必須設定至少 1 個條件，最多可新增 5 個條件。只有當訪客符合所有已選條件時，系統才會顯示彈出訊息。
2. 你可以按照以下步驟設定條件：
  1. 輸入彈出訊息內容後，前往條件分頁。
  2. 從下拉式選單選擇規則的運作方式：
    1. 「當網址包含以下內容時顯示」
    2. 「當網址完全符合以下內容時顯示」
    3. 「當網址包含以下內容時隱藏」
    4. 「當網址完全符合以下內容時隱藏」
  3. 輸入符合條件的內容，例如 https://catparadise.com/adoption。
  4. （選填）點擊「+ 新增條件」加入其他條件。
    1. 例如：網址包含 /adoption，並且訪客在頁面停留 10 秒後顯示。
  5. 如有需要，設定延遲時間：輸入符合條件後需要等待多少秒才顯示彈出訊息。
  6. 如要稍後繼續編輯，點擊「儲存為草稿」；如要啟用訊息，點擊「儲存並發佈」。

頻道

頻道分頁可讓你管理訪客如何透過 AI Growth Widget 聯絡你的業務。

收集客戶資料

開啟收集客戶資料，要求訪客在開始對話前輸入聯絡資料。

開啟後，你可以選擇必須填寫哪些資料：

必須填寫電話號碼
必須填寫電郵地址

訪客必須輸入你所選的聯絡資料，才可以繼續使用 AI Growth Widget。

如同時選擇兩個選項，訪客必須同時提供電話號碼及電郵地址，才可以開始對話。

如需了解 AI Growth Widget 聯絡表單的運作方式，請參閱透過 AI Growth Widget 收集聯絡表單。

你亦可以設定顯示於聯絡表單提交按鈕下方的同意聲明：

同意聲明： 在聯絡表單提交按鈕下方顯示同意聲明。
同意聲明文字： 輸入希望向訪客顯示的同意文字。此欄位支援多行文字，最多可輸入 500 個字元。
重設為預設內容： 還原預設同意聲明文字。只有當你已編輯預設聲明內容時，此選項才會顯示。

你可以透過同意聲明說明你的業務可能如何使用訪客透過 AI Growth Widget 提交的聯絡資料。

即時對話頻道

如果你已選擇支援模式作為 AI Growth Widget 顯示模式，你可以開啟或關閉即時對話，控制訪客是否可以直接透過 AI Growth Widget 與你對話。

開啟即時對話後，訪客可以直接在網站上的 AI Growth Widget 與你的業務開始對話。

如你希望將即時對話設為 AI Growth Widget 的其中一種聯絡方式，可以使用此設定。

外部訊息頻道

外部訊息頻道讓訪客可以透過其他平台繼續對話，而無需留在 AI Growth Widget 內。

只有已連接至你的工作空間的頻道才可以啟用。

你可以為每個頻道：

選擇已連接的帳戶（如適用）
開啟或關閉頻道

啟用後，這些頻道會作為其他聯絡方式顯示於 AI Growth Widget。

使用電話通話作為外部頻道

你亦可以在 AI Growth Widget 加入直接聯絡電話，讓訪客只需點擊一下即可聯絡你的銷售或客戶支援團隊。

在電話通話下，設定以下項目：

顯示名稱： 向訪客顯示的名稱，例如「致電我們」或「銷售熱線」。
電話號碼： 以國際格式輸入完整電話號碼，例如 +1 234 567 890。

訪客使用方式：

流動裝置： 點擊電話選項後，裝置會開啟內置撥號功能，並自動填入電話號碼。
桌面裝置： 點擊電話選項後，系統可能會開啟 FaceTime 等通話應用程式，或讓訪客查看電話號碼並自行撥打。

啟用後，電話通話頻道會與其他外部訊息頻道一同顯示於 AI Growth Widget 的聯絡我們部分。

注意： 如啟用電話通話頻道，必須輸入有效的電話號碼。

完成 AI Growth Widget 設定後，請複製程式碼片段並安裝至網站，讓訪客可以在已發佈的網站上看到 AI Growth Widget。

如要複製 AI Growth Widget 程式碼片段：

前往 AI Growth Widget 設定頁面。
點擊頁面右上角的「將 AI Growth Widget 安裝至網站」。
在指引彈出視窗中查看安裝說明。
點擊「複製程式碼片段」。

如要在網站安裝 AI Growth Widget：

將已複製的程式碼片段貼到網站 HTML 的 </body> 結束標籤之前。
儲存並發佈網站變更。
開啟網站並重新整理頁面，確認 AI Growth Widget 是否正確顯示。

如果你的網站由開發人員或外部代理商管理，請將已複製的程式碼片段分享給他們，並要求他們將程式碼加入 </body> 結束標籤之前。

注意： 請在網站安裝最新版本的 AI Growth Widget 程式碼片段，以確保已發佈的 AI Growth Widget 能反映目前的設定。

下一步

安裝或更新 AI Growth Widget 程式碼片段後，你可以：

使用即時預覽查看 AI Growth Widget 的外觀及運作方式
在網站上測試使用體驗，確認更新後的設定是否如預期運作
根據業務需要繼續調整互動及頻道設定

你可以隨時返回 AI Growth Widget 設定頁面更新設定。

前往 AI Growth Widget 設定頁面

品牌