Fullscreen Mode

Test the fullscreen iframe that fills the entire viewport

How Fullscreen Mode Works

Opens LiveChat in a fullscreen iframe that fills the entire browser viewport
No modal overlay or wrapper - just pure fullscreen experience
Similar to navigation to a new page, but stays within your site
Perfect for when you want maximum screen real estate
Close with ESC key or through the chat interface
Ideal for dashboard-style integrations

Select a Test User

John Doe

[email protected]

@johndoe

Jane Smith

[email protected]

@janesmith

Bob Wilson

[email protected]

@bobwilson

Guest User

Test as anonymous visitor

Currently logged in as:

Open Chat in Fullscreen Mode

Implementation Code

// Initialize in fullscreen mode
LiveChatHelper.init({
    apiKey: 'lc_98b277c9f9c4f2f5b9f0dcb46748ab1a3f6360c6b6490edc',
    mode: 'fullscreen',
    baseUrl: 'https://livechat.kopisugar.cc'
});

// Open chat from navigation
function openLiveChat() {
    if (currentUser.isLoggedIn) {
        LiveChatHelper.openChat({
            userId: currentUser.id,
            name: currentUser.name,
            email: currentUser.email
        });
    } else {
        LiveChatHelper.openAnonymousChat();
    }
}

// Add to navigation menu
<a href="#" onclick="openLiveChat(); return false;">
    Live Chat
</a>
                    

Fullscreen Mode Features

Complete Viewport

Uses 100% of available screen space

No Modal Wrapper

Clean, distraction-free experience

ESC to Close

Easy keyboard shortcut to exit

Dashboard Style

Perfect for admin/dashboard integrations

Mode Comparison

Feature	Fullscreen	Widget	Frontend
Screen Usage	100%	Corner Only	100%
User Experience	Dashboard Style	Floating Widget	Complete Interface
Integration	Embedded	Embedded	External Link
Mobile Friendly	Excellent	Good	Excellent