Customize your Chatbot

Load configuration from database and customize your chatbot colors

Basic Settings

Chat ID *

Enter the UUID of your chatbot from the database

Welcome Message

Width

Height

Position

Colors

Input Color

Input Border

Chat Background

Chat Icon Color

Scrollbar Thumb

Input Background

Bot Message Color

Send Button Color

Typing Dots Color

Bot Message Border

Input Focus Border

Input Focus Shadow

User Message Color

Chat Area Background

Chat Icon Background

Input Area Background

Scrollbar Thumb Hover

Welcome Message Color

Bot Message Background

Send Button Background

Welcome Message Border

Input Placeholder Color

User Message Background

Welcome Message Padding

Chat Icon Hover Background

Welcome Message Background

Send Button Hover Background

Welcome Message Border Radius

Widget Status

Enter a Chat ID to load configuration

How to Use

Enter your Chat ID (UUID from database)
Configuration will auto-load from database
Customize colors and settings as needed
Use the color picker for easy color selection
Click "Update Preview" to see changes
Download or copy the JSON configuration
Update your database record with the new config

Note: Fields are populated automatically when you enter a valid Chat ID. The webhook URL is loaded from your database to ensure the correct n8n workflow connection.