We use cookies to enhance your experience

We use essential cookies for site functionality and optional cookies like Google Analytics to understand how you use our site. You can customize your preferences at any time. Learn more

Custom CSS

Add custom styles to your widget for complete visual control beyond the built-in editor options.

Add Custom CSS

CSS Classes

Available Classes

  • .chat-widget - Main container
  • .chat-bubble - Floating bubble button
  • .chat-window - Chat window container
  • .chat-header - Header area
  • .chat-messages - Messages container
  • .chat-message-user - User messages
  • .chat-message-bot - Bot messages
  • .chat-input - Input field
  • .chat-send-button - Send button

Advanced Styling

Animations

Responsive Design

Next: Widget API

Learn how to control your widget programmatically with JavaScript.

Widget API →