Chat Widget Configurator

Used by the backend to identify the assistant and apply rules.
Used for buttons, header, and bot avatar
Used for user avatar
Use CSS units (px, rem, %)
Use CSS units (px, rem, %)
Size of the floating chat button
Distance from the edges of the screen
How to Change Icons

Each icon can be easily customized using one of these methods:

  1. Quick Select: Click any of the suggested icon options
  2. Icon Gallery: Click "Change Icon" to browse the full collection
  3. Adjust Size: Use the slider to make icons larger or smaller
  4. Advanced: For custom SVG icons, click "Advanced: Custom SVG"
Chat Button Icon - Appears on the chat button

Current Selection:

1. Choose an icon:

2. Adjust icon size:

Small Size Large

3. Chat bubble background:

Paste custom SVG code
User Avatar Icon - Appears next to user messages

Current Selection:

1. Choose an icon:

2. Adjust icon size:

Small Size Large
Paste custom SVG code
Bot Avatar Icon - Appears next to bot messages

Current Selection:

1. Choose an icon:

2. Adjust icon size:

Small Size Large
Paste custom SVG code
Send Button Icon - Appears on the send message button

Current Selection:

1. Choose an icon:

2. Adjust icon size:

Small Size Large
Paste custom SVG code

Your Assistants

Loading assistants...

Add New Assistant

The knowledge source for the assistant.
Auto-generated from the link (used for identification).
The website where the chat widget will be used.

Generated Code


                    

                

            

        

    


    
    
    

    
    

        

            

                
Choose an Icon