Complete guide to customizing colors, branding, text, and advanced settings for your chatbot.
Customize your chatbot to match your brand identity with our comprehensive design and settings options. All changes are applied in real-time and work across all devices.
Choose your brand's primary color for buttons and highlights.
Set the text color for buttons and interface elements.
Upload your company logo to replace the default icon.
Click to upload logo
PNG, JPG up to 2MB
Choose where the chatbot appears on your website.
Text displayed on the main submit button
Main heading of the application form
Message shown after successful submission
Link to your privacy policy
Link to your terms of use
All changes are applied in real-time. Use the preview to see how your chatbot will look to visitors.
Preview of your customized chatbot
For advanced customization, you can add custom CSS to override default styles.
/* Custom chatbot styles */
.chatbot-widget {
--primary-color: #your-brand-color;
--text-color: #ffffff;
--border-radius: 8px;
}
.chatbot-button {
background-color: var(--primary-color);
color: var(--text-color);
border-radius: var(--border-radius);
}
/* Override specific elements */
.chatbot-form input[type="text"] {
border-color: #your-accent-color;
}
.chatbot-form button:hover {
opacity: 0.9;
}