全新網站頻道

Center Stage

一場對話,置於畫面正中央。

這是我們的即時支援代理程式。歡迎詢問 Center Stage 相關問題。

為什麼選擇 Center Stage

當聊天是重點,就把它放在正中央

角落的聊天泡泡很容易被忽略。Center Stage 會讓頁面變暗、將焦點限制在視窗內,並在訪客關閉視窗後,讓他們回到原本的位置。

全神貫注

視窗後方會顯示深色背景,焦點保持在視窗內,按 Esc 或關閉按鈕即可離開。頁面上沒有其他內容會分散注意力。

獨立頻道

Center Stage 在「頻道」頁面有獨立的顯示、語調、指示與操作設定。你可以單獨開啟或關閉,不會影響聊天泡泡。

相同 SDK

open、close、identify、resetChat、setOptions、事件及瀏覽器工具的運作方式都與聊天泡泡完全相同。

填滿手機螢幕

在手機上,視窗會填滿整個可視區域,並讓輸入框保持在鍵盤上方。

設定方式

三個步驟即可上線

Center Stage 使用你現有的嵌入指令碼。只要一個屬性,就能切換顯示方式。

1

啟用頻道

在代理程式的「頻道」頁面開啟 Center Stage,並調整顯示、指示和操作。

2

加入一個屬性

在嵌入指令碼標籤的 data-chatbot 旁加入 data-display="center-stage"。

<script>
  (function (w) {
    if (w.agentkit) return;
    var q = [];
    var agentkit = function () { q.push(arguments); };
    agentkit.q = q;
    w.agentkit = agentkit;
  })(window);
</script>
<script async
  data-chatbot="YOUR_CHATBOT_ID"
  data-display="center-stage"
  src="https://agentkit.ai/dist/agentkit-chatbot.js"></script>
3

從任何位置開啟

啟動按鈕預設會開啟視窗。頁面上的任何按鈕或連結也能呼叫 SDK。

<button onclick="window.agentkit('open')">Ask us anything</button>

閱讀 Embed SDK 文件,查看所有選項

常見問題

Center Stage 常見問題

快速了解視窗的運作方式,以及如何與聊天泡泡搭配使用。

可以在同一個頁面同時使用聊天泡泡和 Center Stage 嗎?

不行。小工具在每個頁面只會載入一種顯示方式。如果載入兩段嵌入指令碼,會採用第一段指令碼的 data-display,另一段則會在主控台顯示警告。大多數頁面可使用聊天泡泡,若對話是主要任務,則使用 Center Stage。

訪客仍然看得到啟動按鈕嗎?

看得到。啟動按鈕仍是開啟視窗的預設方式。你也可以透過任何元素使用 window.agentkit('open') 開啟,並使用 window.agentkit('close') 關閉。

Center Stage 與聊天泡泡共用設定嗎?

兩者會共用代理程式的知識,但 Center Stage 在「頻道」頁面有獨立的顯示、語調、指示與操作設定。在該頁面停用此頻道後,所有網站上的 Center Stage 都會停止運作,聊天泡泡則不受影響。

哪些方案包含 Center Stage?

付費方案包含 Center Stage。免費工作區可繼續使用聊天泡泡,升級後即可開啟 Center Stage。

免費開始使用不需信用卡
免費開始使用不需信用卡