# Web-chat integration doesn't work **URL:** \ **Category:** Rasa Open Source\ **Created:** [July 5, 2021, 11:23am UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387 "2021-07-05T11:23:22Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 5, 2021, 11:23am UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/1 "2021-07-05T11:23:22Z")
hi there , so i want to deploy my chatbot with the web-chat template, but it shows the following error , rasa version : 2.7.1 , python: 3.7.6 python-socketio Version: 4.4.0 python-engineio Version: 4.2.0 i activated rasa server with the command : rasa run -m models --enable-api --cors “\*” ![image](https://europe1.discourse-cdn.com/flex013/uploads/rasa/original/2X/c/c311b3b35651ab327d83f5f350408c651727f128.png)thank you ---
**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\ **Post date:** [July 5, 2021, 1:39pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/2 "2021-07-05T13:39:21Z")
@rahma What process you using to deploy and where you deploying? ---
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 5, 2021, 1:51pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/3 "2021-07-05T13:51:02Z")
i’m using flask , so it’s on 127.0.0.1.5000 for now ---
**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\ **Post date:** [July 5, 2021, 2:14pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/4 "2021-07-05T14:14:33Z")
@rahma means your website is based on flask? ---
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 5, 2021, 2:24pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/5 "2021-07-05T14:24:39Z")
@nik202 thank u , no i mean i’m deplying it with flask , followed this tuto [https://www.youtube.com/watch?v=eJMT2FovZsM&t=244s](https://www.youtube.com/watch?v=eJMT2FovZsM&t=244s) ---
**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\ **Post date:** [July 5, 2021, 2:31pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/6 "2021-07-05T14:31:06Z")
@rahma as I can see the video he is just creating the index.html file and running on localhost whilst going following the path folder, its nothing related to flask. @rahma On the other hand, if you have created this index.html as shown in the video and you using flask app whilst using index.html then its a different process. Please clear me. Thanks. ---
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 5, 2021, 2:35pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/7 "2021-07-05T14:35:55Z")
@nik202 , yes , this is my flask app ![image](https://europe1.discourse-cdn.com/flex013/uploads/rasa/original/2X/6/683e0a29c3a70dacf832e68c41219302bcd80a2d.png) ---
**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\ **Post date:** [July 5, 2021, 2:39pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/8 "2021-07-05T14:39:39Z")
@rahma try see this video [https://youtu.be/YmM3yyafX\_U](https://youtu.be/YmM3yyafX_U) it will help you just see the important part only not the coding part. Stick on flask on only GET and POST. If still then, I will send you some file. But currenlty having meetings, may be later. Thanks. ---
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 5, 2021, 2:40pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/9 "2021-07-05T14:40:55Z")
@nik202 , okey i will try it thank u ---
**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\ **Post date:** [July 5, 2021, 9:26pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/10 "2021-07-05T21:26:09Z")
Hi @rahma sorry for late reply, please see this Github Repo [GitHub - rsykoss/rasa-chatbot-webchat-deployment: Tutorial on creating and deploying chatbot locally using open source RASA. Uses chat widget with flask and ngrok.](https://github.com/rsykoss/rasa-chatbot-webchat-deployment) this will answer all your queries **Note:** Remember to change the rasa webchat snippet code (latest) from here [GitHub - botfront/rasa-webchat: A feature-rich chat widget for Rasa and Botfront](https://github.com/botfront/rasa-webchat) and use 1.0.1 for Rasa 2.X If at any point you stuck tag me. I believe you, you will able to deploy. It will be a solution for you! Good Luck! ---
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 7, 2021, 8:53am UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/11 "2021-07-07T08:53:23Z")
thank u @nik202 it worked 🙂 ---
**Author:** ![nik202](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/nik202/32/16098_2.png) [@nik202](https://forum.rasa.com/u/nik202)\ **Post date:** [July 7, 2021, 3:06pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/12 "2021-07-07T15:06:21Z")
@rahma I am sorry for the late reply for button change color It should be mention as css link: ``` .rw-conversation-container .rw-header{ background-color: #F5360D; } .rw-conversation-container .rw-client{ background-color: #F5360D !important; } .conversation-container close-button { background-color: #F5360D; } .rw-launcher{ background-color: #F5360D; } ``` Everything based on this file structure of container in React JS whilst creating Botfront desgin: ``` .rw-conversation-container |-- .rw-header |-- .rw-title |-- .rw-close-function |-- .rw-loading |-- .rw-messages-container |-- .rw-message |-- .rw-client |-- .rw-response |-- .rw-replies |-- .rw-reply |-- .rw-response |-- .rw-snippet |-- .rw-snippet-title |-- .rw-snippet-details |-- .rw-link |-- .rw-imageFrame |-- .rw-videoFrame |-- .rw-sender |-- .rw-new-message |-- .rw-send ``` Ref link: [GitHub - botfront/rasa-webchat: A feature-rich chat widget for Rasa and Botfront](https://github.com/botfront/rasa-webchat) go at the end and read the documents 🙂 ---
**Author:** ![rahma](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@rahma](https://forum.rasa.com/u/rahma)\ **Post date:** [July 7, 2021, 3:11pm UTC](https://forum.rasa.com/t/web-chat-integration-doesnt-work/45387/13 "2021-07-07T15:11:11Z")
thank u it worked perfectly 😀