Widget Customization
Customize your widget’s appearance, behavior, and branding to match your website’s design. Available options depend on your subscription plan.
Available Customization Options
All plans include basic customization, while Pro and Enterprise plans unlock advanced branding options.
Color Customization (All Plans)
Customize the widget’s color scheme to match your brand:
- Primary Color: The main accent color for buttons and highlights
- Background Color: Chat window background color
- Text Color: Text color within the chat interface
[Image: Dashboard showing color pickers for widget customization]
Position Customization (All Plans)
Choose where the widget appears on your website:
- Bottom Right: Default position
- Bottom Left: Alternative position
Theme Options (All Plans)
- Light Theme: Bright color scheme
- Dark Theme: Dark color scheme (default)
- Auto: Automatically matches user’s system preference
Advanced Customization (Pro & Enterprise)
Custom Logo
Upload your own logo to replace the default Ask My Docs branding. This is available on Pro and Enterprise plans.
[Image: Logo upload interface and preview of widget with custom logo]
Welcome Message
Customize the initial message users see when they open the widget.
How to Customize
- Log in to your Ask My Docs dashboard
- Navigate to your project settings
- Go to the “Styles” or “Customization” tab
- Make your changes using the visual controls
- Save your settings – changes apply immediately
[Image: Dashboard navigation showing path to customization settings]
Custom CSS (Enterprise)
Enterprise plan users can apply additional custom CSS for advanced styling needs. Contact support for more information about CSS customization options.
Best Practices
- Ensure sufficient contrast between text and background colors for accessibility
- Test your customizations on both light and dark backgrounds
- Keep your logo file size small for optimal performance
- Preview changes on mobile devices to ensure responsiveness
Preview Before Publishing
The dashboard includes a live preview of your widget, so you can see exactly how it will look on your website before making changes live.