How to integrate Landbot on your Softr app

[.blog-callout]

TL;DR

• Landbot is a standalone chatbot builder you can embed into any Softr app using a Custom Code block.
• Build and publish your bot in Landbot first, then copy its embed code from the Share menu.
• Choose between Embed, Live Chat, Popup, or Full-Page formats depending on where and how you want the bot to appear.
• Use Softr's users and permissions to control which pages or user groups see the widget.
• For simpler use cases, Softr's native Ask AI chatbot can answer questions directly from your app's data with no third-party embed required. [.blog-callout]

Chatbots are a fast way to add guided conversations, lead capture, or basic support flows to a business app without building the logic yourself. Landbot is one of the most popular tools for this, and because it just outputs a standard embed snippet, adding it to a Softr app takes only a few minutes using a Custom Code block.

This tutorial walks through building your bot in Landbot, grabbing the embed code, and placing it correctly inside your Softr project depending on the format you choose. Note that this covers embedding an external, purpose-built chatbot tool. If you'd rather have an AI chatbot that answers questions directly from your own Softr Database (without configuring a separate tool), check out Ask AI instead.

Build, test, and publish your bot in Landbot

Before embedding your bot on your Softr project, make sure it works and looks exactly the way you need. Landbot's own builder makes the process of creating a conversational assistant fairly simple and straightforward.

Get the chatbot embed code

Log into your Landbot account, access the chatbot canvas you want to embed on your site, and select Share in the top navigation bar, as shown in the video above.

Next, select the embed type you want to implement so the bot matches your existing page or project design. Even if you still have design or settings changes to make, you can go ahead and proceed with the embed. Every time you update your bot afterward, the embed refreshes automatically, so you never need to re-paste the code.

Choose your embed format

Landbot generates the embed code automatically once you click your preferred embed type. Make your choice, press Copy, and then head to your Softr app to finish the implementation.

Adding the embed code (Embed, Live Chat, and Popup)

We'll first cover how to add the embed code for every format except full-page (jump to the next section for that one).

Inside your Softr project, paste the code inside a Custom Code block. Where you place that block on the page depends on the format:

• Embed format: Place the Custom Code block exactly where you want the bot to appear on the page.
• Live Chat and Popup formats: The code block can go anywhere on the page, since both formats render as a widget in the bottom-right corner regardless of block position.

Live Chat format opens into a typical website chat window:

The Popup format, on the other hand, lets the bot take over the whole screen to minimize distractions:

If you only want the bot visible to certain visitors (for example, logged-in clients on a support page), scope the Custom Code block with Softr's users and permissions instead of exposing it on every page.

Adding a full-page embed code

If you want a full-page Landbot chatbot, use the Custom Code section inside Page Settings instead of a block.

This way, you can have a conversational landing page up and running in a few clicks.

Connect the bot to the rest of your app

Once your Landbot chatbot is live, it doesn't have to be a dead end. Landbot can send captured conversation data to a webhook, and you can point that webhook at a Softr Workflow to create a record in your Softr Database, notify your team on Slack, or send a follow-up email automatically. This turns a simple embedded chatbot into the front door for a real operational process, without writing any backend code.

If your goal is closer to letting users ask questions about your own data (support tickets, orders, documentation) rather than running a scripted conversation, it's worth comparing this approach against Softr's native Ask AI feature, which can be toggled on for any Table, List, Kanban, or Calendar block and answers directly from the records it's connected to.