Matching the Widget to Your Brand
ChatEaver provides extensive styling and branding options in Widget Manager. You can match the chat bubble and window colors with your website brand palette, choose launcher positions, and set customized initial greeting messages.
Available Customization Settings
Setting Field | Default Value | Description |
|---|---|---|
Primary Brand Color | #EF4444 (Ember Red) | Sets header background, button highlights, and chat bubble accents. |
Widget Position | Bottom Right | Choose Bottom Right or Bottom Left floating placement. |
Header Title | Support Assistant | Text displayed in the top bar of the expanded chat window. |
Initial Greeting | Hello! How can I help you today? | Automatic first message presented to visitors. |
Bot Avatar URL | Default Icon | Upload custom PNG/SVG logo to represent your AI agent. |
Step-by-Step Customization Workflow
Step 1: Open Dashboard > Widget Manager (/dashboard/widget).
Step 2: Select 'Appearance & Styling' tab.
Step 3: Pick your Primary Color using the visual color picker or enter your HEX code.
Step 4: Choose Widget Position (Bottom-Right vs Bottom-Left).
Step 5: Type your Welcome Message and upload your Brand Avatar image.
Step 6: Preview changes in real time in the live interactive widget preview pane.
Step 7: Click 'Save Changes' to update your live website widget instantly without re-embedding the script.