Building Tips & How to's

How to build an event registration Landbot (to be used in one screen by many attendees)

There are many occasions when we want to store information from the attendees of your events, or register them in your database to use the information later on. But we don't want to blast the people…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

How to launch a Landbot by clicking a button

Here below you can find the code you need to trigger and open your landbot, embedded as a LiveChat or Pop up mode, by clicking a button. In Landbot 3 <html> <body> <div id="wrapper"> <button class="o…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

How to change Avatar dynamically (Landbot v3)

If you want to change the Avatar due to any conversation design reason, you can do it easily with this snippet: /*CHANGE THE URL BELOW FOR THE ONE OF YOUR DESIRED NEW AVATAR*/ var picUrl = "https://u…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

How to validate phone number with SMS verification (with Nexmo Verify)

Verify your leads mobile phone numbers with this quick & easy guide!

Pau Sanchez
Updated 9 months ago by Pau Sanchez

How to display images with a variable url source

Let's say we have a catalog of products or different properties that we want to show to our customers. Every product or property has it's own picture. Building a bot with a flow for every single elem…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

How to use Google Sheets to create a simple verification system for returning visitors

Want to verify if it is the second time the user is accessing your bot, creating a simple verification / Login system (no password) using Google Sheets? Check out this article to see how to do it! Ti…

Rafaela Basso
Updated 6 months ago by Rafaela Basso

How to set the flow according to Open/Closed Business Hours

Do you want to direct your visitors to a determined flow according to the day and time they access the bot? Don't worry, we've got your back 😉 Import into your bot our Ready-to-use Brick, called Busi…

Rafaela Basso
Updated 1 year ago by Rafaela Basso

20 different ways to GET and filter data from Airtable

Airtable is a handy resource to build a small database. It can work with many applications, and different types of data. In here we have listed 20 ways to retrieve data from your Airtable database, v…

Rafaela Basso
Updated 1 month ago by Rafaela Basso

How to open new a URL in another tab (window)

For Landbot (web). Would you like to send the users to another URL, opening a new tab (window) without closing the bot? Check out this article to see how to do this 😉 Clicking on a button from a Butt…

Rafaela Basso
Updated 3 months ago by Rafaela Basso

How to extract parameters from Dialogflow response with Formulas

In many occasions we want to get information from Dialogflow response, like the name of the intent triggered or the confidence. Here is a list of different ways to extract in a simple way with Formul…

Pau Sanchez
Updated 7 months ago by Pau Sanchez

How to ask a question based on a variable not being set (empty url params) (v3)

Sometimes, we send users to our bots, and using the Hidden Fields functionality, that reads variables in the url, we can populate with values many variables in our bot, without needing to ask the use…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

How to redirect visitors to another URL in the same tab (Landbot URL / not embedded)

There are moments when we want to redirect visitors to another URL in our website, for example to let them find out a help article or a product that we want to recommend. To do so, we have two option…

Rafaela Basso
Updated 9 months ago by Rafaela Basso

How to redirect user to another url in your site with Livechat open to continue conversation

There are cases where we want to make a conversation across all our site, and guide the user during the whole experience or maybe point them to the right direction and offer them still some sort of s…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to avoid visitors selecting specific days of the week

Sometimes we might want to don't allow users to select specific days of the Week. Currently the Calendar question you cannot block specific days, so the user can select any of the days. Here is a sol…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

How to let user select a time of booking (with a minimum 45 minutes notice)

This is a specific case in which a user might want to offer users time to book a specific time, but having control over the possible delivery times. In this example we will work under the case that t…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to display an HTML Table in Landbot v3 web

Dynamic Data block is great to display an array of options that needs to be selected. But we might need to simply display a table with data coming from an array, probably from a request (Webhook). He…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to Perform Basic Calculations

Do you need to perform basic mathematical calculations on your chatbot? Find out how to easily do this by setting variables!. Note: This Block is only available on P remium Accounts.. It is possible…

Rafaela Basso
Updated 1 year ago by Rafaela Basso

How to embed a pop bot with automatic load and button

Below is the sample code of a site that will trigger a pop up as soon as the site is loaded, and a button that if clicked it will reopen the bot once is closed <!DOCTYPE html> <head> <meta name="view…

Pau Sanchez
Updated 7 months ago by Pau Sanchez

How to trigger events and/or pass values from Landbot to the container site

This article is for Landbot v2 (legacy) in case you want for Landbot v3 please check this article. In some cases we might want to trigger events or pass values from the bot to the parent site where a…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

Get the array's index of the user selection and extract information from array

Only available for Landbot (not Whatsapp or Messenger) for Whatsapp please check this article. Dynamic Data block allow us to display an array of items coming from a variable that is an array. Howeve…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

Landbot v3 - Web CSS - RTL

In case you want to adapt the design of the interface for RTL users, please add the code below to the Design / Code / Add CSS section v.01 Last update 11th July 2020 body{ direction:rtl }.Footer,.soc…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

How to give unique Coupon Codes (with Google Spreadsheets)

We might want to offer unique Coupon Codes to be used just once. In this article we will show you how to do it: View on Landbot 2: View on Landbot 3 🚀 : This is the main flow where all the action is…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

How to add/update different field types in Airtable (POST, PATCH & PUT)

Airtable is a great tool where you can store collected information. Below you will find the different steps to set up a Request with our Webhook block and a list of type of fields that can be updated…

Pau Sanchez
Updated 1 month ago by Pau Sanchez

How to encode a variable

It is common that some inputs from the users need to be processed so that they can be recognised as valid URLs by any API. You will see in some URLs, that when you are using two words with a space, i…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to TEST your Http Request (Webhook block)

The Webhook block allows you to trigger an Http Request to external APIs once the visitor "passes through" the block. It is very handy when you are looking to connect with external databases or CRMs,…

Pau Sanchez
Updated 9 months ago by Pau Sanchez

Guidelines 🚀 5 best practices for chatbot design in Landbot 🤖

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 la…

Ilaria Scuotto
Updated 1 year ago by Ilaria Scuotto

Builder's keyboard shortcuts and mechanics! 🏗

If you love creating with Landbot, you are going to love the new Builder's mechanics and Shortcuts! 😍 Keyboard Shortcuts are a key or combination of keys providing quick access to a particular functi…

Ilaria Scuotto
Updated 2 months ago by Ilaria Scuotto

How to calculate the number of days between two selected dates

At times, when we work with dates, we might need to check difference between dates, it might be to check the length of a stay in an apartment or for how many days a customer wants to rent a tool. The…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to access keys and values, in object variables

Sometimes we might need to store full responses from our your HTTP Request, that might have the shape like below: { "product":"T-shirt", "price":"$1.00", "color":"Blue" } Let's say that we have this…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Create a contact and assign it to a list in Activecampaign (API)

Here is how you can create contacts in ActiveCampaign via API, and assign it to a specific list. Add Contact to ActiveCampaign. Below is the sample flow that we are going to build: Go to the Settings…

Pau Sanchez
Updated 4 months ago by Pau Sanchez

How to create a custom SendGrid email - (Custom "from" email)

When you are using the Send Email block , there are two options to choose the email address you can use to send emails: Landbot email server and a Custom email. In case you are interested in sending…

Pau Sanchez
Updated 4 months ago by Pau Sanchez

How to insert a new row with data and formulas in Google Sheets

Landbot is great at adding data to your Google Spreadsheet, but in some occassions, you might want to do some calculations based on the user inputs that you send to Google Spreadsheets. Normally you…

Pau Sanchez
Updated 10 months ago by Pau Sanchez

How to Create, Update, Retrieve and Delete records in Airtable (POST, PATCH, GET & DELETE)

Airtable offers a great functionality, here we will build a little CRM where in the same bot we will, do the main four actions of Create a Record, Update a Record, Retrieve a Record and Delete a Reco…

Pau Sanchez
Updated 6 months ago by Pau Sanchez

How to build a simple scoring bot system

For many reasons, we might need to set up a score and redirect the flow based on the conditions. Here is how you can do it: Set up the first Question, with the different options you wan the user to c…

Pau Sanchez
Updated 5 months ago by Pau Sanchez

How to remove Landbot branding

There are some areas where Landbot branding is visible and you might want to hide Landbot logo, avatar or texts. In this article we will show you how to remove or disable them. Parts where branding i…

Rafaela Basso
Updated 3 months ago by Rafaela Basso

How to "debug" (troubleshoot) your bot's flow to spot possible errors (for non coders)

In some occasions we might find that the bot is not going through the flow as we expected... Don't worry, we will teach here you how to debug your bot! And you don't have to use any codes or be a dev…

Pau Sanchez
Updated 11 months ago by Pau Sanchez

How to limit dates to pick up to 90 days in advance

Managing reservations and don't know how to restrict the period available to the public? With just a few blocks you will be able to get it done faster than you can say booked! ✓ Let's get a general g…

Enrico
Updated 6 months ago by Enrico

How to "send" a user to a specific point in the flow with Javascript and with the API

In some occasions we might want to redirect the user to a specific step in the flow. Maybe triggered with an action (onclick) in the website where the bot is embedded or maybe trigger it with the API…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to redirect visitors to another URL in the same tab (embedded landbot)

In Landbot v3 In our builder flow we add a Code Block after a button like in the picture below: window.location.href = 'https://www.landbot.io' In this case we are redirecting the user to https://www…

Rafaela Basso
Updated 3 months ago by Rafaela Basso

Use Google Cloud Functions to set directly new values to Landbot variables

Sometimes we might need to transform, create or give a value to a Landbot variable and use it immediately. Currently to do this set the value of a Landbot variable with Javascript, a part from the La…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

How to POST, GET (and more) with Landbot

Sometimes we need to send the data collected through the bot to an external app or to server; some other times we want to pipe in the bot data from external sources ( API's, CRM's, database, etc). In…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

How to use Google Spreadsheet as a Content Management System for your bot

When you're building bots with a similar structure but with different content, you will consider to build a different bot for each case. But here's an alternative for building bots the smart and more…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

How to hide elements in the Bot design

Hide back button. Add the following code in the Design / Advanced / Add CSS section: #hu-footer-input-mobile.hu-input-box.hu-input-back{ visibility: hidden; overflow: hidden; }.back-button{ display:…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Get more than 100 items from Airtable

Airtable API has a default limitation that offers a maximum of 100 items per request, to get more results you need to deal with pagination and offset. However, if what you want is to get all items fr…

Pau Sanchez
Updated 4 months ago by Pau Sanchez

How to embed widget in Shopify

Go to Admin Section. Select Online Store. Select Themes. Click Actions. Select Edit code. In the search area, type "theme". Select "theme.liquid". On the right side, you will see the site code templa…

Pau Sanchez
Updated 5 months ago by Pau Sanchez

How to add a Click-to-Call/Email/WhatsApp button

In case you want to redirect the user to another url please check this other article Or if you want to try it out, check the bottom-right widget ;) In Landbot 3 Click-to-Call - Redirect visitor to a…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

Contact