CYBERCHAT
// INLINE, FULL-SCREEN, AND POPOUT EMBED EXAMPLES
INLINE EMBED
The chat owns the scrolling inside this fixed-height box. The surrounding page remains independent.
<!-- Include once in the host page -->
<link rel="stylesheet" href="/chat/assets/css/cyberchat.css?v=20260609.5">
<div id="my-chat" style="width:100%; height:680px; overflow:hidden"></div>
<script>window.CYBERCHAT_BASE = '/chat';</script>
<script src="/chat/assets/js/cyberchat-app.js?v=20260609.10"></script>
<script>CyberChat.init('#my-chat');</script>
FULL-SCREEN EMBED
Open the standalone chat inside a full-viewport overlay. An iframe keeps the chat isolated from the host page CSS.
<div id="chat-overlay" style="position:fixed; inset:0; z-index:10000">
<iframe src="/chat/index.html?embed=fullscreen"
title="CyberChat" style="width:100%; height:100%; border:0"></iframe>
</div>
POPOUT / POPUP EMBED
Launch the standalone chat in a resizable window. The login cookie is shared when it is opened on the same origin.
<button type="button" onclick="openCyberChat()">Open chat</button>
<script>
function openCyberChat() {
window.open(
'/chat/index.html?embed=popout',
'cyberchat-popout',
'popup=yes,width=480,height=720,resizable=yes,scrollbars=no'
);
}
</script>