Center Stage
一場對話,置於畫面正中央。
這是我們的即時支援代理程式。歡迎詢問 Center Stage 相關問題。
當聊天是重點,就把它放在正中央
角落的聊天泡泡很容易被忽略。Center Stage 會讓頁面變暗、將焦點限制在視窗內,並在訪客關閉視窗後,讓他們回到原本的位置。
全神貫注
視窗後方會顯示深色背景,焦點保持在視窗內,按 Esc 或關閉按鈕即可離開。頁面上沒有其他內容會分散注意力。
獨立頻道
Center Stage 在「頻道」頁面有獨立的顯示、語調、指示與操作設定。你可以單獨開啟或關閉,不會影響聊天泡泡。
相同 SDK
open、close、identify、resetChat、setOptions、事件及瀏覽器工具的運作方式都與聊天泡泡完全相同。
填滿手機螢幕
在手機上,視窗會填滿整個可視區域,並讓輸入框保持在鍵盤上方。
三個步驟即可上線
Center Stage 使用你現有的嵌入指令碼。只要一個屬性,就能切換顯示方式。
啟用頻道
在代理程式的「頻道」頁面開啟 Center Stage,並調整顯示、指示和操作。
加入一個屬性
在嵌入指令碼標籤的 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>從任何位置開啟
啟動按鈕預設會開啟視窗。頁面上的任何按鈕或連結也能呼叫 SDK。
<button onclick="window.agentkit('open')">Ask us anything</button>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。