Customize Your Theme

Learn how to customize your chat widget's appearance to match your brand perfectly with colors, fonts, and styling options.

Theme Customization Tutorial

Coming Soon - Complete customization guide

Color Customization

Primary Colors

Primary Color

#005B63

Accent Color

#F45500

Customization Options

  • Widget header background
  • Button colors and hover states
  • Message bubble colors
  • Icon and text colors

Typography

Font Options

Inter (Default)

Modern, clean, and highly readable

Serif

Classic and professional

Monospace

Technical and precise

Size Options

Small (12px)
Medium (14px)
Large (16px)

Widget Appearance

Position

Bottom right, bottom left, or custom positioning

Shape

Rounded, square, or custom border radius

Size

Compact, standard, or large widget size

Live Preview

See Your Changes in Real-Time

Every customization you make is instantly reflected in the live preview, so you can see exactly how your widget will look on your website.

💡 Pro Tip: Use the preview feature to test different color combinations and ensure your widget matches your brand perfectly.