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

Headshot of Matt the Planet No Code Bubble Coach

Need 1 to 1 help?

Your no-code consultant & Bubble tutor.

In this Bubble tutorial, we show you how to quickly set up a custom chatbot powered by your own knowledge base using Voiceflow. Learn how to create an interface to upload documents, submit URLs, and engage with the Voiceflow API to get query data back from your knowledge base within your Bubble app. No more struggling with tricky chatbot setups in Bubble - we've got you covered with this step-by-step guide. Watch now to level up your chatbot game!

Building a Custom Chatbot with Voiceflow and Bubble.io


If you've ever wanted to build your own custom chatbot powered by your own knowledge base data, then you're in luck. In this video, we'll show you how to set up a chatbot in just five minutes using Voiceflow. This tutorial is especially relevant for Bubble.io users, as you can integrate the chatbot into your Bubble app. So let's dive in!

Why Voiceflow?


Before we get started, let's talk about why we're using Voiceflow for this chatbot. Many people struggle to build a chatbot that appears in the bottom right-hand corner of their website, as Bubble.io doesn't provide a built-in solution for this. But with Voiceflow, you can easily create the interface for your chatbot and integrate it seamlessly into your Bubble app.

Setting Up the Chatbot


To begin, sign up for a Voiceflow account. Once you're logged in, create a new assistant and set up a welcome message for your chatbot. This message will be displayed when users interact with the chatbot on your website.

Next, capture the user's response and pass it into a new block. Here, you have a choice: you can either pass the response into an AI model like
or into your own knowledge base. For this tutorial, we'll focus on the knowledge base option.

Creating a Knowledge Base


Setting up a knowledge base is incredibly easy with Voiceflow. Simply go to the knowledge base section and add the content you want to include in your chatbot. You can add individual URLs, text, PDFs, and Word documents. This allows you to create a comprehensive knowledge base that your chatbot can draw from.

Using the Voiceflow API


One of the most powerful features of Voiceflow is its API. While Voiceflow provides a chat widget for the frontend of your website, you can also query the chatbot and submit documents through the API. This opens up a world of possibilities, especially if you're building a SaaS app where users can build their own knowledge bases.

With the Voiceflow API, you can create separate assistants and knowledge bases for each user. Users can then upload documents, submit URLs, and build their own personalized knowledge base within your app. You can even provide them with their own chat widget, just like the one demonstrated at the beginning of the video.

Conclusion


Voiceflow is a powerful tool that allows you to build custom chatbots and integrate them into your Bubble.io app. With its easy setup process, robust knowledge base capabilities, and API functionality, Voiceflow provides a comprehensive solution for building chatbots powered by your own data.