Basic Floating Widget - Interactive Demo

What's Included in This Demo

The simplest implementation of the Nexus Chat Widget. A floating chat button appears in the bottom-right corner of the page. Click it to open the chat window.

Key Features

Floating chat button in bottom-right corner
Custom header styling with company branding
Window sizing toggle (normal/expanded modes)
Feedback system with thumbs up/down
Custom user and agent message styling
Initial conversation history loaded
Disclaimer with collapsible content
Agent handover simulation

Configuration Options

This demo showcases many of the widget's customization capabilities:

experienceId - Unique identifier for your AI experience
apiUrl - Your Nexus API endpoint URL
window.header - Custom colors and branding
window.sizing - Multiple size modes
bubbles - Custom message styling
features.feedback - Enable user feedback
advanced.initialEvents - Pre-populate conversation

Note: This demo includes initial conversation history to demonstrate the chat interface. In production, you would typically start with an empty conversation or load from a session store.