Using Custom CSS to style your chatbot
Last updated
Was this helpful?
Last updated
Was this helpful?
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.
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.
Chat Container
Styles applied here will affect the entire chat container, including its layout, background, and overall appearance.
Chat Header
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 support@wonderchat.io!