Instructional Designer

Playing around with Landbot


I was curious to see what I could do with a chat app, and decided to check out Landbot. It’s a neat little application that allows you to create a chat feature on your website. I decided to try it out to create a help bot for finding your way around my website. The website was fairly easy to use, and to figure out what blocks to use and how to connect them.

<script SameSite="None; Secure" src="https://static.landbot.io/landbot-3/landbot-3.0.0.js"></script>
<script>
  var myLandbot = new Landbot.Popup({
    configUrl: 'https://chats.landbot.io/v3/H-892028-XYCW6HQ4MYI9CPXF/index.json',
  });
</script>

Landbot gives you a few choices for how you want your chatbot to be displayed – full page, popup, embed and live chat. Here I am trying out popup and embed.

<script SameSite="None; Secure" src="https://static.landbot.io/landbot-3/landbot-3.0.0.js"></script>
<div id="myLandbot" style="width: 100%; height: 500px"></div>
<script>
  var myLandbot = new Landbot.Container({
    container: '#myLandbot',
    configUrl: 'https://chats.landbot.io/v3/H-892028-XYCW6HQ4MYI9CPXF/index.json',
  });
</script>

The workflow was fairly intuitive to use, you literally just draw a line from one block to the next one in line.

You can use button blocks to ask questions and navigate to the next question or to each answer.
The app lets you customize all sorts of things in the Design tab.
And change a bunch of stuff in the settings tab.

It has analytics too, which I didn’t use. The number of different types of interactions and blocks that it has is quite nice. You do have to pay for a lot of them, but if you were to deploy these types of interactions a lot, this might be a nice feature.