Use the Default Agent dropdown to select the AI agent that handles the chatbot’s responses. A preview card showing the agent’s name, description, and connected tools appears below the dropdown when an agent is selected.
Use the Interface section to customize the visual appearance of your chatbot. Click Reset to Default in the upper right to restore all interface settings to their original values.
Setting
Description
Font Size (px)
Sets the text size for the chatbot. Default is 12px.
Message Bubble/Header Color
Hex code for the message bubble and header background color.
Display Welcome Message above toggle icon (Delay in seconds)
Sets the delay in seconds before the welcome message appears above the chatbot icon. Enter PLACEHOLDER_0 to disable.
Toggle Icon Color
Hex code for the chatbot toggle button color.
Text Color
Hex code for the font color used in chatbot messages.
Caret Background Color
Hex code for the caret (cursor) background color.
Enable Multiple Chats
Allows users to start and manage multiple chat sessions simultaneously.
Display Sources
When enabled, users can see the knowledge base sources used to generate each response.
Pre-Chat Attention Image
Upload an image (e.g. a logo or brand asset) to display before the chat begins.
Pre-Chat Attention Image Behavior
Controls when the pre-chat image is shown: Always show on refresh, Never show, or Show every 24 hours.
Toggle Button Image
Upload a custom image for the chatbot toggle button.
Two embed scripts are available — a Window Script and a Widget Script — for adding the chatbot to any website as a full window element or a floating chat bubble respectively.For detailed instructions on embedding the chatbot in websites and frameworks such as Next.js, React, Angular, and WordPress, see Integrate EKB Chatbot to Your Website & Apps.
