Using Custom CSS to style your chatbot

For users on the Turbo plan and above, you can use your own custom CSS to style your chatbot. To get started, you can go to Embed Chatbot and turn on Advanced CSS Customization.

Advanced CSS Customization when embedding your chatbot

We currently support using custom CSS to style two key components of the chatbot. Any valid CSS properties supported by modern web browsers can be added to the input fields.

1. Chat Container

   1. Styles applied here will affect the entire chat container, including its layout, background, and overall appearance.

2. Chat Header

   1. Styles added here will modify the header section of the chat interface, which includes the chatbot's picture, name, and tagline.

If there are any other specific areas of the chatbot that you would like to use custom CSS to style, please reach out to us at [email protected]!