Rasa Webchat Integration 🤖

Hi all,
Today I will show you how to connect your Rasa bot to a webchat.
first I will show how to connect using a script tag and then as a react component

Note: If you are facing any issues, please check this post

Step1: Once you have your bot ready and then we can connect the bot with the webchat

socketio:
user_message_evt: user_uttered
bot_message_evt: bot_uttered
session_persistence: true
you can read more about this in the link below:

Step2: Now let us start our bot using the below command:

rasa run -m models --enable-api --cors "*" --debug

Step3: Now you can see different api details for our rasa bot server
Now we can connect our bot to a webpage using the webchat script

now create a webpage and add the below code:

copy the code from the above link and paste it in the body tag

step4: Now change the socket url port number to our rasa server's port number

Step5: Now let's test our bot

Now you can see we got the response

so we have succesfully connected our bot to a webpage

=============
In my next video, I will show you how to connect the bot as a React component
Thanks for watching... :)

[ameychavan]

Thank you so much buddy Keep making such videos

[gandharvpathak]

Hey, bot conversation is stored in the UI . Every time I try it again it gets stored there. Is there any way to rest it whenever I reload the page?

[andrebernardez]

"In my next video, I will show you how to connect the bot as a React component"
Did you do it?

[mortezaaliyari]

Hi,
Thanks for your useful video. How can I have access to the rasa response inside the HTML file and send it to my own robot?

[prajwalpanta]

Hi, how can I send user_id instead of session_id that is generated once connection is established while using it as a React component.

[XxHenrykunxX]

Bro, love you, you solved my problem <3

[wanicdeter]

Bhai mujhe ek travel agency ki website par chatbot lagana hai....ab Kai users use karenge usko toh kaise webserver par upload kare chatbot ko?

[padmanabhans]

"how to connect the bot as a React component" Where is this video. Please show me the link

[MrSymonds]

Thank a lot . How can i display charts in rasaweb chat using socket channel

[yuvabharathi]

can you post how to do auto greeting/welcome message by the bot without user triggering in webchat?

[vighnesh.pvicky]

A very good tutorial. I want one thing to be cleaed, don't we need to start rasa run actions in the background. Because when I follow this tutorial pop up is coming in web page, but when I type messages replies are not coming up

[tranbaoan]

Hey bro,
Build html web and then upload it to the internet with rasa chatbot, should you use Hosting or VPS?
I try with Hosting but how do I run rasa server to see chatbot's UI

[lamialamia]

i followed every step ... at least in the step numbre 5 when i come to test, the robot didn't answer ... plz can you tell me where's the problem ?

[nagarjunareddyveeramreddy]

can you please post a video on How to integrate voice assistant to the webchat

[gamingtecharena]

Hi My UI opening but nothing is happening inside .type a message field is disabled.it shows below error

[kiranhipparagi]

I have followed same procedure but chatbot is not coming on my website.please help me:)

[aashaybane]

Hi can you please help me with, how you can creat a upload button for document upload from user

[anhtranngoc]

hi bro, Could you please help me how to deploy rasa on server?

[sriharshavardhan]

how to integrate rasa chatbot in our own website.... step by steps plzzz

[sryya]

Greetings, I want to integrate my chatbot into my site that I created with symfony framework, can you help me?