What is Botonic?
It's built on top of:
Beyond traditional text-based chatbots
With Botonic you can create conversational applications that incorporate the best out of text interfaces (simplicity, natural language interaction) and graphical interfaces (multimedia, visual context, rich interaction). This is a powerful combination that provides better user experience than traditional chatbots, which rely only on text and NLP.
You can learn more about conversational apps here.
Omnichannel React Components
Botonic adds an abstraction layer on top of messaging platforms so you don't have to worry about different API specifications. Whenever is possible, we unify similar concepts under a simple component that works across different channels. For example, Messenger Quick Replies and Telegram Custom Keyboards work in a very similar way. In Botonic you would just use our Reply component as follows:
Sometimes messaging apps support elements that don't exist in other platforms so we can't make this straightforward standarization. For instance Messenger's Carousel has no equivalent on Whatsapp. In this case, you can use our Multichannel component, which offers a sane transformation using available elements in the destination platform.
In this sense, Botonic is to messaging platforms what React Native is to mobile platforms.
Checkout the supported components.
Fully Customizable Webchat SDK
Messaging apps offer a limited set of interactive elements, so there's only so much you can do in terms of UI as you're not in full control. However, if you're building for the web, you can use the full power of React. Our Webchat SDK allows you to easily customize the behaviour and styles using properties like
enableEmojiPicker: true or
brandColor: 'blue'. You can also tailor your bot in a more advanced way with custom components and custom message types. With the latter, you can embed complex UI elements right in the middle of the conversation, like forms or calendars.
Webviews allow you to work around the fact that you can't control messaging apps UI, so you can't embed your custom components in, say, a Whatsapp conversation. However, you can open a browser window as an extension of the current conversation (aware of the context), let the user perform some complex task there, and return to the messaging UI to continue the conversation. Some platforms like Facebook Messenger support webviews in a native way, but for the rest, Botonic manages it with deep links.
Webviews are great when you need complex components or when data privacy/security is important, for instance:
- Login flows
- Checkout processes
- Browsing a catalog
- Selecting seats on a flight
Botonic is not just a set of UI components or a frontend framework, it's a fullstack framework that covers backend logic (we call those "actions"), keeping conversations in a database and managing a scalable API. Check out our deployment guide to learn more about it.
Natural Language Understanding
In the last years we've witnessed an amazing progress in machine learning and NLP techniques that allows us to understand our users better. Botonic offers a simple yet powerful solution that allows you to add NLU features to your project without being a deep learning expert. Just define some intents and examples and you'll be good to go!
Additionally, we allow you to fully customize the NLU pipeline by defining your own neural network or tokenizer. The @botonic/plugin-nlu package is based on Tensorflow.js, so the only limit is your imagination!
Seamless Human Handoff
Bots are cool, but let's be honest: they can't solve every problem and users can get frustrated if their expectations are not managed properly. That's why having a human backup is always a good idea. However, managing bot-human-bot transitions is challenging, especially if you want to keep the user in the same conversation.
With Botonic, it is a matter of adding a few lines of code:
Check out our human handoff guide.
Botonic comes with a battery of plugins so you can easily integrate popular services into your project, for instance:
- Analytics (Google Analytics, Segment, Dashbot)
- CMS (Contentful, Sanity)
- NLU (Dialogflow, Watson, Luis, Inbenta)
You can also create your own plugins, just follow our guide.
We offer a command line interface tool that allows you to:
- Scaffold new projects with
botonic new <botName> <example>
- Run your project locally with
- Deploy your project with
Typescript examples coming soon...
Botonic is an open-source alternative to...
...Live-chat propietary tools:
...Messaging channels aggregators like:
...NLU closed services like:
Botonic's goal is not to fully replace all these amazing products feature by feature, but to provide a free and open-source option that covers most use cases. We also want to give you freedom to choose your own stack, by providing plugins to integrate many of these services in your project: you want to use Dialogflow NLU? That's easy, just add our @botonic/plugin-dialogflow and you're done.
Who uses Botonic
- Michael Kors
- Massimo Dutti
Want to see your name here? Please submit a pull request with your use case!