Bot Image

Get your hands on our
Ready-to-use UI Designs
for your Rasa bots!


Looking for UI Designs for your rasa 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.


Embed. Customize. Repeat.

Bot Image

Features



EASY TO USE

By just embedding few lines of code, get ready-to-use ChatBot UI designs! It's as simple as that.


AWESOME DESIGN

Attractive designs with spectacular colour schemes available alongside responsive features for you at your fingertips!


EASY TO CUSTOMIZE

Explore different colour schemes and designs available for you. You can also customize it according to your taste!




Getting Started



Copy-paste the stylesheet <link> into your <head> 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 <body>, 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>    
            

            
  • >> createChatbot: To initailize & set various aspects of chatbot
  • >> host: The URL of hosted chatbot
  • >> botLogo: Logo Of the Bot
  • >> title: The title which will appear on the header of chatbot
  • >> welcomeMessage: Starting Message shown to the user, can be any greeting or information
  • >> inactiveMsg: When bot server is down or unreachable this message will be shown
  • >> theme: Color of header, bot message and overall layout, there are two inbuilt theme for bot, blue and purple

Themes And Upgrades


There are currently two themes present, BLUE and PURPLE, You can choose anyone by setting the theme parameter in the function call.


Blue Theme Image Purple Theme Image


You can customize or built your own theme, layout design, or any other functionalities by taking this as a base project, click below to download the source files.



You can contact us via abhig0209@gmail.com