Hi is there any ways or documentation to customize rasa web chat like changing its color changing icons changing button stylings etc. chat starting button and closing button customizing. [image] and chage colors inside buttons. [image.png]

Below is the CSS: .conversation-container .replies { display:block } it gives the below output, let me know if this helps you: [Screenshot%20from%202020-03-11%2017-52-18]

In older versions .conversation-container .message { margin: 10px; display: flex; font-size: 14px; font-family: Roboto,serif; flex-wrap: wrap; } in the css you can change font-size: 14px; to any size as you wish in latest versions [image] with latest version you have to use just check latest version .rw-conversation-container .rw-message{ font-size: 14px; }

How can I add a different image to bot avatar in text replies and header? profileAvatar: “url” adds same image to both header and text replies. Also, is there a way to add a userAvatar?

Hello, I am back again with a new question about the chat widget (webchat-latest.js). Looking for a help in here. I am looking for a way to add a customized banner in the chat-widget, something like: ‘Powered by Rasa’. Below is the screenshot which I’m trying to achieve. Is there a way to update custom components to the chat-widget? [image]

Hey, i just want to know. How to add that profile picture ?

In the webchat script, add this parameter: profileAvatar:“ https://xxx/yyy/bot_icon.png ” Use your customized avatar image.

Yes, of course you can keep the image locally (like in assets folder) and provide href location in the webchat.

Hello anyone there with some idea on how to put customized banner to webchat (description above)?

Hi, does anyone know how to add the confirmation dialog (image below) so that its enters the chatroom[Capture]

how to set the opening dialog according to what we want ? because my bot is entering a dialog that I didn’t want at the beginning of use.

Rasa Web chat customizing buttons,colors alligning etc

Rasa Open Source

rakacendekia (Raka Cendekia) July 9, 2020, 6:19am 33

Thank you, that was very helpful, its worked. So the image used must be in the form of a link, is there another way if I want to use the image from the location of the hard drive?

Topic		Replies	Views
Rasa Webchat Integration Tutorials, Resources & Videos webchat , contribution	185	30920	August 29, 2023
Connect rasa to a web site with the recommeded plataform Rasa Open Source	62	14102	February 16, 2022
Customize whole Rasa-webchat widget Tutorials, Resources & Videos community , rasa	0	913	August 6, 2021
Rasa webbot Rasa Open Source	53	5966	July 18, 2021
Error return of buttons in rasa webchat Rasa Open Source	72	3564	February 14, 2022

Rasa Web chat customizing buttons,colors alligning etc

Related topics