Button Settings

54px
25px
25px

Icon Customisation

Enter the URL of your custom icon (SVG, PNG, or JPG)
60%
8px (Square)
Colour for built-in icons when no custom icon URL is provided
Automatically open the chat window when page loads

Tooltip Settings

Display tooltip when users hover over the chat button
When enabled: Show tooltip only on hover. When disabled: Show tooltip always (after delay)

Basic Configuration

Display the chat title and welcome message in the widget header
Use formatting: - for bullet points, ** for bold text, blank lines for spacing

Typography Settings

Chat Window Settings

400px
600px
16px
Clear chat history when the page is reloaded

Message Formatting

1.6
10px
8px
16px

Avatar Settings

Bot Avatar

Enter the URL of your bot's avatar image (SVG, PNG, or JPG)
Display bot avatar next to bot messages

User Avatar

Enter the URL of the user's avatar image (SVG, PNG, or JPG)
Display user avatar next to user messages

Avatar Styling

40px
8px (Square)

Message Styling

Input Field

1px

Actions

Preview

Your Website

This is how your chatbot will appear on your website.

Generated Embed Code