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]

Hi @sid321axn , you can change the avatar through webchat using this: WebChat.default.init({ selector: "#webchat", interval: 1000, inputTextFieldHint: "Type a message...", connectingText: "Waiting for server...", profileAvatar: **path to image**, initPayload: '/greet', customData: {"language": "en"}, socketUrl: "http://localhost:5005", socketPath: "/socket.io/")} Hope this is what you are looking for.

hyper links are not working after in\mplementing css utter_new_landline_connection_online : text: " To book online : [click] ( BSNL )"

it is working in rasa normal \bt not in css style sheet webchat ui

Thanks it helped me solved the issue

@JiteshGaikwad Is it still possible with this news webchat version: I do not know where to put inside the index.html the css script… [image] botfront/rasa-webchat A feature-rich chat widget for Rasa and Botfront. Contribute to botfront/rasa-webchat development by creating an account on GitHub.

hey @bolder_pete , you just need to paste the code in <script></script> tag, FYI [image] Rasa webbot Rasa Open Source hey @tide90 just try the below code and check if it works <script> !(function () { let e = document.createElement("script"), t = document.head || document.getElementsByTagName("head")[0]; (e.src = "https://cdn.jsdelivr.net/npm/rasa-webchat/lib/index.js"), (e.async = !0), (e.onload = () => { window.WebChat.default( { socketUrl: "http://localhost:5005", // add other props here }, null ); }), …

Thanks! But where is now the css file or where exactly I have to put it? Could you make an example?

@JiteshGaikwad I have to admit your chatbot is amazing! It is way more better customoizable and more on point than the rasa webchat! Thanks for this amazing chatbot widget!

Rasa Web chat customizing buttons,colors alligning etc

Rasa Open Source

bolder_pete (pete) March 23, 2021, 10:12am 52

Hey, Im also a bit confused about the versioning of the webchat. When or which vesion did you used above? @JiteshGaikwad @rishier827

Topic		Replies	Views
Rasa Webchat Integration Tutorials, Resources & Videos webchat , contribution	185	30921	August 29, 2023
Connect rasa to a web site with the recommeded plataform Rasa Open Source	62	14112	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