Create your bot
Basics - Essentials to build a bot
Variables in Landbot - Getting Started
Landbot system Variables
Builder's keyboard shortcuts and mechanics! 🏗
Guidelines 🚀 5 best practices for chatbot design in Landbot 🤖
How to "debug" (troubleshoot) your bot's flow to spot possible errors (for non coders)
Build a bot
Blocks and flow operations
AB Test block (randomize flow)
Reply Buttons block (WhatsApp)
Default Output Explained
How to open a new URL in another tab (window)
How to set up Multiple Choice questions
Conditions block II (with Dates, Usage and Agents variables)
How to ask a question based on a variable not being set (empty URL params) (v3)
Global Keywords 🌍
Keyword Options 🔑 Assign keywords to buttons (WhatsApp and Facebook)
Lead Scoring block
Jump To block
Get started with the Formulas block
Formulas Blocks Dashboard
Formulas - Regex
Formulas - Date
Formulas - String
Formulas - Logical
Formulas - Math
Formulas - Object
Formulas - Comparison
Formulas - Array
Multi-Question block (Create a Form)
Question: Address block
Question: Autocomplete block
Question: Date block
Question: Email block
Question: File block
Question: Name block
Question: Number block
Question: Phone block
Question: Picture Choice block
Question: Rating block
Question: Scale block
Question: Text block
Question: URL block
Question: Yes/No block
Send a Message block
Send an Email block
Set Variable block
Starting Point block
Business Hours block
List Buttons Block (WhatsApp)
Collect Intent block
Bot General Settings
Second Visit Settings
Custom System Messages
Hidden Fields (Get params / UTMs from url and use it as variables)
Landbot native SEO & Tracking tools
Landbot in Wix
Chats - Livechat and Human Takeover
Design (bots for Web)
Share & Embed
Account Settings and Billing
Teammates - Add extra agents (seats) to your Account
Subscription Section (v3)
Payment FAQ 💳
Fair Use Policy
Roles & Permissions for Teammates
Agent Status and Log out
Common reasons for not receiving account activation email
Privacy and Security
Integrations with Landbot
Airtable integration block
Get data filtered from Airtable with a Brick- Shop example
20 different ways to GET and filter data from Airtable
How to add/update different field types in Airtable (POST, PATCH & PUT)
How to Create, Update, Retrieve and Delete records in Airtable (POST, PATCH, GET & DELETE)
Get more than 100 items from Airtable
Insert Multiple Records to Airtable with a Loop
How to Get an Airtable Token
Advanced filters formulas Airtable block
Update Multiple Records in Airtable Using a Loop
Dialogflow & Landbot course
Dialogflow & Landbot intro: What is NLP, Dialogflow and what can you do with it?
Dialogflow & Landbot lesson 1: Create your first agent and intent in Dialogflow
Dialogflow & Landbot lesson 2: Get the JSON Key
Dialogflow & Landbot lesson 3: Setting up of Dialogflow in Landbot
Dialogflow & Landbot lesson 4: Training phrases and responses for a FAQ
Dialogflow & Landbot lesson 5: Entities and Landbot variables
Dialogflow & Landbot lesson 6: Redirect user depending on Dialogflow response parameters (intent, entities and more)
Learn more about Dialogflow - Courses and communities
Integrations > Dialogflow Block
How to extract parameters from Dialogflow response with Formulas
Dialogflow Integration Dashboard
Dialogflow in Unsupported Languages (& Multilingual)
Dialogflow - How to get JSON Key
External API REST
Dynamic Data (Arrays)
Webhook Block Dashboard
Webhook block (External API REST)
How to TEST your Http Request (Webhook block)
How to POST, GET (and more) with Landbot
Google Cloud Functions
Google Maps API Key for Address block
Extract Data With Google Maps Geocoding API
Calculate Distances With Google Maps API
Google Sheets (Insert, Update and Get data)
How to use Google Sheets to create a simple verification system for returning visitors
How to Upload Document & store link
How to give unique Coupon Codes (with Google Spreadsheets)
Google Sheets Integration Dashboard
How to insert a new row with data and formulas in Google Sheets
How to use Google Spreadsheet as a Content Management System for your bot
Google Tag Manager
GTM - How Track Google Analytics Events in Landbot with Google Tag Manager
Landbot in your web with Google Tag Manager
Connecting MySQL with Make.com (formerly Integromat)
How to upload a file to Google Drive using Make.com (formerly Integromat)
Send HSM Template from Make (ex Integromat)
Make.com (formerly Integromat) trigger
How to send an email through Sendinblue by Make.com (formerly Integromat)
Get Opt-ins (Subscribers) from Facebook Leads using Make (ex Integromat)
How to extract data from an external source with Make.com and use it in Landbot
How to build a FAQ chatbot with GPT-3
Fine-Tune GPT3 with Postman
Prompt Engineering for GPT-3
Build a Customer Service Bot with ChatGPT and Extract Information
Store Locator Widgets
How to display the near location of your store in WhatsApp (with Store Locator Widgets)
How to display the near location of your store for Web bots (with Store Locator Widgets)
Zapier Integration Dashboard
How to insert a row to Google Spreadsheet by Zapier
How to generate a document with PDFMonkey by Zapier
Send HSM Template from Zapier
How to send an email with Gmail by Zapier
Get Opt-ins (Subscribers) from Facebook Leads using Zapier
How to extract data from an external source with Zapier and use it in Landbot
How to complete a digital signature flow by Zapier
Make a survey with Landbot and display the results in a Notion table using Zapier
Trigger Automation block
Getting started with the WhatsApp Integration
Сonnecting WhatsApp Business API with 360Dialog
WhatsApp Number Migration / Porting to Landbot
Facebook Business Verification - Best Practices 🇬🇧
Adding a WhatsApp number to your account
Growth Tools for WhatsApp
Opt-in, Templates and Campaigns
Parent Bot/Linked Bot - Add a main bot to your WhatsApp number
How to get Opt-ins (Subscribers) for your WhatsApp 🚀
WhatsApp Campaigns 💌
WhatsApp's Message Templates
Send WhatsApp Messages with Landbot API
Recognise the users input when sending a Message Template with buttons
Create Opt-ins (Subscribers) using Landbot API
New Opt-in block for WhatsApp 🚀
Opt-in Check Block
WhatsApp Bot Creation - Best Practices and compatibility guide
Build a WhatsApp Bot - Best Practices and User guide
Build a WhatsApp Bot - Best Practices for Developers
WhatsApp bots - Feature Compatibility Guide
Types of Content and Media you can use in WhatsApp 🖼
WhatsApp - How to capture and use the first user's interaction (input)
WhatsApp - How to direct a user through a different bot flow on their second visit
WhatsApp - Get user out of error message loop
How to calculate the number of days between two selected dates (WhatsApp)
Creating a Loop in WhatsApp
AI in WhatsApp
Send Automated Message Templates based on Dates
Different ways to format numbers with JS (WhatsApp)
Notify Teammates of Chat via WhatsApp
Creating a Simple Cart in WhatsApp
1. WhatsApp Article Directory
2. WhatsApp Integration FAQ's
Customize and embed your WhatsApp Widget
Other Channels - Messenger and APIChat
The Facebook Messenger Ultimate Guide
Types of content you can use in Messenger bots 🖼
How to Preview a Messenger bot
Facebook Ad connected to Messenger Bot
API Chat (for Developers)
How to create an API chat bot and set up the Hook Url
Building a Slack APP Bot with Landbot APIChat and Node JS
Build a Telegram Bot with Landbot APIChat and Node JS
Metrics and Data Management
How to export the data from your bots
Export data: How to open a CSV file
Bot's Analyze Section
For Developers & Designers
CSS and Design Customizations
How to change Avatar dynamically (Landbot v3)
Dynamically Change a Bot's Background
Create a Checkbox in the Welcome Block
Dynamically Change Any Style
Open LiveChat bot as soon as page loads (3 ways)
How to launch a Landbot by clicking a button
Modifying Embed Size
Load script and display bot on click button
How to trigger events and/or pass values from Landbot to the container site
Change Landbot custom CSS dynamically from parent page onload
CSS Customization Examples
CSS Customization Examples: "Back to School" Theme
CSS Customization Examples: Call To Action: WhatsApp
CSS Customization Example: "Lead Gen"
CSS Customization Examples: "Translucid"
CSS Customization Examples: "Minimalist" Theme
CSS Customization Examples: Carrd Embed Beginner
Make Persistent Menu Appear During the Flow
CSS Customization Examples: Video Bubble
CSS Customization Examples: CV Template
How to use Google Fonts in Landbot
CSS for Typewriter Effect
Hide time stamp (under avatar)
Detect if a visitor is on Mobile/Tablet or Desktop
Landbot v3 - Web CSS - RTL
How to remove Landbot branding
HTML Template for Emails
Customized display in the bot
Add a Chart (with Chart JS library) in your Landbot
How to display an HTML Table and a List in Landbot v3 web
Pop up modal to embed third party elements
Progress Bar Workaround
Different ways to embed Videos in Landbot
How to embed a .gif file inside a message
Display video and hide button to continue until video has ended
Components CSS Library
Components CSS Library Index
Background Class CSS
Identify Blocks CSS
Buttons Class CSS
Header Class CSS
Media Class CSS
Message Bubble Class CSS
Miscellaneous Classes CSS
Recommended Image Sizes
Dynamic Data CSS
Get started guide for CSS Design in Landbot
reply from Slack: How to create an integration to allow agents reply WhatsApp users from Slack (with Node JS)
MessageHooks - Landbot Webhooks
Workarounds and How To's
Building Tips & How to's
How to add a Click-to-Call/Email/WhatsApp button
Send variables from your page (the container site) to your embedded Landbot
How to build an event registration Landbot (to be used in one screen by many attendees) (web only)
How to redirect user to another url in your site with Livechat open to continue conversation
How to let user select a time of booking (with a minimum 45 minutes notice)
Dynamic Data in WhatsApp (Get Index Array selection)
Get the array's index of the user selection and extract information from array
How to encode a variable
How to calculate the number of days between two selected dates
How to redirect visitors to a URL (web only)
How to disable a bot
Airtable usecase: Create an event registration bot with limited availability
Get the time between certain messages
Reservation bot with Airtable
Workarounds & Codes
How to Detect Visitors Browser
Proactive message on mobile
Different ways to format numbers with JS
Conditional Welcome: Direct the Flow of Your Bot Based on External Parameters
Two-Step Email Verification
Trigger Event if User Abandons Chat (For Non Developers)
Calculate Distances in WhatsApp
Customized Behavior in Mobile Browsers
How to not display Proactive Message to repeating Visitors
Trigger Event if User Abandons Chat Using AWS
Launch Bot On Exit Intent
Display Bot During Business Hours Only (Livechat & Popup)
Delete Customer Data in Flow
Cookie consent banner (full page / full page embed)
Add Captcha Verification (Non-Embedded Bots)
Set the flow depending on the url path (for embedded landbots)
Trigger a Global Keyword with JS (web v3)
Create a Scale out of Buttons - Workaround
How to pass WordPress logged in user data to Landbot
Create Dynamic Shopping Cart with JS and CSS
Generate a URL that has variables from user answers
Resume flow based on external process with Landbot API (Request, Set, Go)
Popup on Exit Intent
Embed Google Maps
Detect if bot was opened
Launching a bot depending on browser language
How to set up questions with a countdown
Set a timer to get the time spent during the flow
Introducing a new Landbot Community 🎉
How to migrate your bot from Landbot v2 (legacy) to Landbot v3
Introducing Landbot 3
Migrate your web bot from the Old Builder to the New Builder (Landbot 2 and 3)
Landbot Affiliate Program
Security Update - HTTPS URLs only
NGOs and Educational Organizations Discount
- All Categories
- Create your bot
- Basics - Essentials to build a bot
- Guidelines 🚀 5 best practices for chatbot design in Landbot 🤖
Guidelines 🚀 5 best practices for chatbot design in Landbot 🤖
Updated by Ilaria Scuotto
When you get started working with Landbot, it might be useful not only to know the basics of building a chatbot, but also having an overview on some guidelines and best practices, especially for larger and complex bots. 🤖
- Plan it before you build it! ✏️
You can’t build a house without a project, right? 🏠 Well, it’s kind of the same with conversations! 💬
First thing, try to think of the number of flows, or stories that your bot is going to tell.
The stories can have different paths inside it, just like chapters in a book.
🔹 How many stories do you want to tell?
🔹 How many different paths can the user take when chatting with the bot?
🔹 Do they have an order to follow?
🔹 Do the chapter have distinct subsections or paragraphs?
🔹 Do you want the user go back to the start to be able to take a different path, or do you want to end the conversation with a human interaction? or maybe you want the user to be able to share the bot on social medias?
Those are questions that you might want to answer before you start, and they can help you make decisions that will guide you through your work.
Try to visualize these flows, it may sound hard, but it’s quite easy!
You can pick up pen and paper and draw a simplified flowchart to keep in mind all the decisions you made.
✅ DO’s: Have a checklist, draw a flowchart.
❌ DONT’s: Start without a previous brainstorming!
- Follow your own stories!
That’s the moment to start building in Landbot! 🤖
Now that you know exactly how many flows do you need, you can start building them in order.
You can start with the first flow, positioning each new block horizontally.
Of course there can be many connections coming out of a block, but you can still keep following the direction of the main flow.
When you need to tell a different story, you can start another flow below the first one, and follow again the horizontal line, just like you do when writing! 🖋
When you're ready, have a look at these articles to learn about the builder essentials.
✅ DO’s: Follow the order you previously established and stick to it, and if something new comes to your mind you can easily integrate it after.
❌ DONT’s: Build many blocks without a logic behind.
- Keep it logic and readable.
Try to avoid superpositions of blocks (you have infinite virtual space!) and circular flows, because it can look very confusing when go go back to it!
Of course you can connect a final block with the first (or previous) one, but you should be able to look at them as the start point and end point of a horizontal line.
If the final block is “far away” from the first, the Jump To 🔗 block can help you go back to the start without having to connect the last and first block with a very long arrow.
Also, make sure all your blocks are connected into the flow, meaning they all should have at least an arrow pointing to them (except, of course, the first one).
Here you can find more information about the Jump To block.
✅ DO’s: Build blocks with a fair distance to each other, in a linear way.
❌ DONT’s: Superposition of blocks, building a flow in “circle” or multiple directions.
- Keep it organized and clear (and if you want, reusable!)
Finally, you can use Bricks 🧱 to keep your work organized and your mind clear.
You can select multiple blocks and click on “Create a Brick” to have all those blocks grouped in one site, just like a folder on your computer.
You can group all your main sections or “stories” into different bricks, and even have bricks inside other bricks to collect your different paths or “chapters” of your stories.
Having Bricks will also make the bot lighter and reduce loading time.
If you need, you can make a Brick reusable, converting it into a Brick template! This is particularly useful if you want to replicate the Brick in another part of the bot.
Here you can find an article dedicated to the Bricks.
✅ DO’s: Have your blocks grouped and organized in Bricks.
❌ DONT’s: Have a large and complex bot with no Bricks, or create too many level of nested Bricks.
- Test, test, test!
Last but not least, it can be useful to test your bot as you go, to be immediately aware of how it looks and feels like.
If you build everything without testing it first, it will be a lot harder and tedious to find and solve errors, or go back and change things that you don’t like.
Here you have an article on how to test your bot through the Share URL
✅ DO’s: Test as you build the bot using the Preview or from the Share URL
❌ DONT’s: Create a lot of blocks and test it all at the end.