Theme
The Theme page lets you customize the visual appearance of the AI Sales Assistant to match your company's brand identity.
Purpose of This Page
Use this page to define the colors, background style, and typography used by the AI Sales Assistant. The live preview allows you to review your changes before applying them, helping ensure the assistant blends seamlessly into your website.
What You Can Do Here
Select a preset theme with predefined header colors and background patterns
Use your company branding or define custom primary and secondary colors
Choose the font family used throughout the AI Sales Assistant
Preview the assistant in light or dark mode before saving
Save the theme configuration for your website
How It Works
The Theme page is divided into two areas:
The configuration panel on the left is where you customize the assistant's appearance.
Live preview on the right is where you can immediately see how the selected theme will look on your website.
Most visual changes are reflected instantly in the preview, allowing you to evaluate the assistant before saving.
The live preview is for visualization only. Your website is not updated until you select Save.
Configuration Panel
The assistant’s appearance is customized in that area easily and quickly.
Theme Presets
Theme presets provide ready-made combinations of header colors and conversation background patterns.
Each preset defines:
Header color style
Conversation background pattern
Available preset combinations include:
Primary or Secondary header with no background pattern
Primary or Secondary header with a plus (+) pattern
Primary or Secondary header with a dots pattern
Any preset can be selected to immediately update the live preview. The selected preset is indicated with a checkmark.
Company Colors
Enable Use company colors to automatically use the brand colors configured in your company settings.
When this option is enabled:
The assistant inherits your organization's primary and secondary brand colors.
Manual color editing is disabled.
This is the recommended option if you want the assistant to remain consistent with your website branding.
Custom Colors
Disable Use company colors to define a custom color scheme specifically for the AI Sales Assistant.
Primary Color - defines the primary branding color used throughout the assistant.
Secondary Color - defines the secondary accent color used by the selected theme.
For both colors, you can:
Enter a hexadecimal color value
Select a color using the color picker
Which color appears in the assistant header depends on the selected preset theme. Presets using the Primary Header display the primary color, while Secondary Header presets display the secondary color.
Font Family
The Font family is used in a dropdown to select the typography used throughout the AI Sales Assistant interface.
Available fonts include:
system-ui
Inter
Roboto
Open Sans
Poppins
Lato
Montserrat
The selected font is immediately reflected in the live preview.
Live Preview Panel
The preview panel on the right side of the page displays how the AI Sales Assistant will appear when embedded on your website.
The preview updates automatically as you modify:
Theme preset and background pattern
Colors
Font family
Note: Dark mode affects the preview only. It does not enable dark mode for your website or change the saved theme configuration.
Related Pages
If you encounter any issues, feel free to contact us.
Last updated
Was this helpful?