Style

You can customize the appearance of your chatbot through the Dashboard - Chatbot under the Style tab.

Parameter	Description	Default Value
Font Size	Adjusts the font size of the chatbot.	13
Font Color	Changes the font color of the chatbot.	#000000
Background Color	Sets the background color of the chatbot.	N/A
Button Color	Alters the color of the buttons.	N/A
Input Field Background	Adjusts the background color of the text field.	#ffffff
Input Field Border	Sets the border color of the text field.	#ffffff
User Background	Changes the background color of user messages.	#444654
AI Background	Modifies the background color of AI messages.	#343541
Width	Sets the width of the chatbot.	300
Height	Alters the height of the chatbot.	400
Use Avatars	Toggles the display of avatars.	N/A
AI Avatar	Changes the avatar of the chatbot.	N/A
Chat Window Corners	Adjusts the curvature of the chatbot window corners.	20px
Input Field Height	Sets the height of the text input field.	60px
Input Field Corners	Changes the curvature of the text input field corners.	20px
Icon Color	Modifies the color of icons in the download bar.	Blue

All the style settings mentioned above apply both to the shortcode and the widget.

However, the widget has three additional options:

Parameter	Description
Icon	Specifies the widget's icon, displayed on the side of your website.
Position	Sets the position of the widget on your website, either left or right.
Delay Time	Determines the time (in seconds) before the widget appears on the screen.
Close Button	Adds a close (X) icon to the widget, enabling users to close the widget.

Themes

You can select a ready theme from the available theme list: Dark, Light, WhatsApp, Terminal, Sunset, Ocean, Forest, and Neon.

You can also change the chatbot interface under the Interface tab.

Below are the options:

Fullscreen Mode: Adds an icon to the top of the chat window allowing users to make it fullscreen.
Download: Adds an icon to download the chat conversation as a .txt file.
Clear: Adds an icon to clear the current chat session.
Copy: Adds a copy icon under each AI response, allowing users to copy individual messages.

You can also customize:

For the widget, you can set the Widget Icon too.

tip

You can use the Shift + Enter shortcut to create a line break instead of sending a message in the chatbot.

You can enable the type writer effect through the Dashboard - Chatbot under the Settings tab.

This feature will give your chatbot's responses a type writer effect.