Build a no-code chatbot with custom knowledge base in 5 mins

Introduction to Voiceflow and Custom Chatbots

If you're building your own custom chatbot powered by your own knowledge base data and you want it to appear in the bottom right hand corner just like this demo, then this video is for you. I'm going to be showing in five minutes or less how you can quickly set up a chatbot powered by your own knowledge base using Voiceflow. And this is relevant to Bubble because you can create the interface to upload documents, submit URLs, even engage with the Voiceflow API to get query data back from your knowledge base within your Bubble app. But I thought this is really cool because I've spoken to a lot of people who are trying to build a chatbot and when they say chatbot they mean that bottom right hand corner chatbot and actually to do that in Bubble is rather tricky because Bubble doesn't provide you with a way to draw in their content into another web page. But this does and before I launch into it if you're learning Bubble then there's no better place to go than planetnoko.com because we've got hundreds of Bubble tutorial videos exclusive to our members you can't find them on YouTube.

Demo of the Custom Chatbot

Let's give you a demo of this I'm going to say what is an option set and remember this is trained on the data from all of our previous videos and so it's drawing on my own explanations of what an option set is to give this definition. Here is a set of fixed series of values that can be used to store and display the same data or group of data throughout your Bubble app. Okay great explanation let me show you how I built this.

Setting Up the Chatbot in Voiceflow

So I've signed up for Voiceflow I've currently got three accounts that gives me plenty of scope to explore and I've set up an assistant and at the start of the assistant all I have set up let me remove that is a welcome message hello I am Bubble GPT ask me a question about Bubble okay and then I capture the response from the user and I pass it into a new block and here I have a choice do I pass into an AI model like OpenAI so you get the scope of knowledge from OpenAI or do I pass it into the knowledge base and so for me I'm going to say that probably I've got much more detailed content on Bubble in my knowledge base and I'll show you how I've set up in a moment then I would if I simply to ask OpenAI but also my knowledge base has context if I was to ask OpenAI what is an option set OpenAI has got to realize that I'm talking about Bubble and it might not do that but as you saw from the demo if I asked my knowledge base what is an option set I've got my instruction here you are a no-code and Bubble.io expert answer the question the best you can and so then I then the chatbot just replies back with the knowledge bases answer.

Creating a Knowledge Base for the Chatbot

How do we set up a knowledge base because this is a recurring question you can look through the comments on our other videos people want to supply their own training data and get a ChatGPT like experience back well it's so easy with voice flow I go into my knowledge base and you can see here that it's added in all of the page content from all of our videos and it did that by me just submitting a site map for our tutorial pages and this is the same thing that our SEO plugin generates and I've supplied to Google in order to index our website and so voice flow has used that to index all of the content but look it's so powerful because you can submit individual URLs you can also submit text PDFs and word documents and that can form this growing knowledge base of the content that you want to supply through your chatbot.

Utilizing the Voiceflow API

Last bit I'm going to point out is you can do most of this through the API the very powerful thing I think with voice flow is supplying the widget for the chat but you can query as if you're sending a message through the widget using their query endpoint here and you can also submit documents so imagine you're trying to build a sass app where you've got multiple users they all build their own knowledge base up maybe different businesses got different bits of background data you can build up separate assistance and you can build up separate knowledge bases within those assistance and then you can upload through your Bubble app and I was helping a Bubble Coaching student with this over the last couple of weeks you can upload documents through your Bubble app so you can create that portal for your sass app users and they can upload documents they can submit URLs and they can build their own knowledge base and then conceivably you can supply them with their own chat widget just like I damaged you at the start of the video.

Conclusion and Call to Action

So if you'd like to see me dive more into voice flow I've become quite interested in it I think it's a really powerful and amazing tool and good value then please leave a comment below please like this video and please subscribe to help support this channel.