/Rasa-Chatbot-UI

A responsive U.I design plugin for your rasa chatbot.

Primary LanguageCSSMIT LicenseMIT

Rasa-Chatbot-UI

Looking for UI Designs for your ChatBot with alluring colours and responsive features? Look no further! Explore our available designs in different colour schemes and ensure smooth traversal across all devices. Don't like the available designs? Don't you worry! Customize themes and colours according to your liking very quickly and easily.

Click here to see documentation and working demo of UI

Get Started

Copy-paste the stylesheet into your before all other stylesheets to load our CSS.

<link rel="stylesheet" href="https://drive.google.com/uc?id=1x2TCnJdXTQFErgZhxjMUWKIIfIfSbIy-">

Copy-paste the folowing code into your , and update the function parameters to your need.

<div id="chat-container"></div>

<script src="https://drive.google.com/uc?id=1QslZLwqbJl471otp1Ph1y8MLHSzKqCPl"></script>

<script>
createChatBot(host = 'http://localhost:5005/webhooks/rest/webhook',
botLogo = "./imgs/bot-logo2.png ",
title = "Covid BOT ", welcomeMessage = "Hey, i am Covid Bot ",
inactiveMsg = "Server is down, Please contact the developer to activate it ",
theme="blue ")
</script>

Security

If the bot response contains the word "password", then the user input box type will change from text to password (html) for password protection.

For Rasa

Open two terminals and execute following cmds

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

The frontend webiste for documentation is also built using Vuejs, the files for it are here and deployed version of site is here