How to Integrate Landbot Chatbot with your Softr Project

Chatbots have become popular over the past few years, being applied across different industries such as Customer Support, Marketing, Telecom, and Entertainment. Businesses use chatbot solutions to automate customer support processes, assist their employees in sales and lead generation, provide personal services, and so on. 

Softr makes it easy to integrate with chatbots or even build a website around one. As a fellow no-code platform, Landbot has been a popular choice among Softr users who have powered their web apps and websites with chatbots, and we’ve seen a number of such use cases. In this article, however, we are going to take a closer look at a specific example of building a nice tool with Landbot and Softr that’s been made to guide beginners through the no-code universe. And most importantly, we’ll walk you through the few simple steps of integrating Landbot with Softr, so that you’re able to build something awesome as well.

No-Code Guru

Nowadays, if you’re building something with no-code, it’s quite difficult to choose the right solution for your particular case, as there are so many different options in each category. No-Code Guru was built to address this very problem. It’s a website and a resource directory built with Softr that has a virtual assistant at its core. The virtual assistant is built with Landbot and, after being asked a few questions, comes up with the best set of no-code tools based on your needs. It’s a really simple but yet useful tool that can save you lots of time. The complete set of tools that the chatbot picks from is also available through a directory. So, for Katt, who’s the creator of No-Code Guru, Softr and Landbot were the perfect combination to achieve this—offer a no-code guru chatbot along with an appealing landing page and a comprehensive directory of tools.‍

“I wanted to have a proper landing page + have a resource directory. I chose Softr for the Airtable integration so the same Airtable base that feeds the chatbot could feed the resource direcory” — Katt Risen, Creator of No-Code Guru

If you’re wondering how you can create something like that yourself, continue reading, as next, we’re going to walk you through the steps involved.

Step 1: Building a Chatbot

As soon as you’re clear on what your chatbot is going to do, it’s time to actually build it. Fortunately, Landbot has lots of educational material and read-made templates to help you get started.

‍

Step 2: Getting your Chatbot’s Embed Code

As soon as you have your chatbot ready, you can start sharing it. Since we are going to embed it in our Softr site, we’re going to navigate to the “Share” section of our chatbot and choose the “Embed” option. Other options will work as well, but we’re going to use the “Embed” option to achieve something similar to what No-Code Guru did.

‍“I first considered only building a directory with filters. But I wanted it to be more interactive. I was already familiar with Softr since 2020 as I used it to build some solutions at my daytime job. I learned about Landbot through the 100DONC community.” — Katt Risen, Creator of No-Code Guru

‍

Step 3: Applying the Code on Softr

Now you just need to apply the embed code on Softr using the Custom Code block. And you’re ready to go! Just publish your Softr app, and you’re done.

Of course, this is just an example to show you how things work, but if you take a little time to tweak your site design, you can have a nice-looking and playful interface just like No-Code Guru.

And there’s a lot more you can do. In the case of No-Code Guru, as soon as it was ready, Katt had a successful Product Hunt launch, and right now, she’s working on adding video tutorials for each use case and tool so that it becomes even easier for the users to start building. Another thing she’s been looking into is monetization. Since her tool already provides clear value to the users, it should be possible to find ways of earning from it as well to keep improving and expanding it.