Center Stage
One conversation, front and center.
This is our live support agent. Ask it about Center Stage.
When the chat is the point, put it in the middle
A corner bubble is easy to ignore. Center Stage dims the page, traps focus in the dialog, and returns visitors exactly where they were when they close it.
Full focus
A backdrop behind the dialog, focus kept inside it, Escape or the close button to leave. Nothing else on the page competes.
Its own channel
Center Stage has its own display, voice, instructions, and actions on the Channels page. Turn it on or off without touching the bubble.
Same SDK
open, close, identify, resetChat, setOptions, events, and browser tools work exactly as they do for the bubble.
Fills the phone screen
On phones the dialog takes the full viewport and keeps the composer above the keyboard.
Live in three steps
Center Stage uses the embed script you already have. One attribute switches the presentation.
Enable the channel
On your agent's Channels page, switch on Center Stage and adjust its display, instructions, and actions.
Add one attribute
Add data-display="center-stage" to the embed script tag, next to data-chatbot.
<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>Open it from anywhere
The launcher opens it by default. Any button or link on your page can call the SDK too.
<button onclick="window.agentkit('open')">Ask us anything</button>Center Stage questions
Short answers about how the dialog behaves and how it fits next to the bubble.
Can I run the bubble and Center Stage on the same page?
No. The widget mounts one presentation per page. If two embed scripts load, the first one's data-display wins and the other logs a console warning. Use the bubble on most pages and Center Stage where the conversation is the main task.
Do visitors still see the launcher?
Yes. The launcher stays the default way to open the dialog. You can also open it from any element with window.agentkit('open') and close it with window.agentkit('close').
Does Center Stage share settings with the bubble?
It shares your agent's knowledge, but has its own display, voice, instructions, and actions on the Channels page. Disabling the channel there stops it on every site while the bubble keeps working.
Which plans include Center Stage?
Center Stage is included on paid plans. Free workspaces keep the bubble and can switch on Center Stage after upgrading.