Workarounds & Codes

Add a Chart (with Chart JS library) in your Landbot

These scripts and how to's are not native functionalitie s. Landbot won't be able to support, help or guarantee these scripts and how to's. These Workarounds and How to's are for developers, as a lea…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

Proactive message on mobile

Having troubles viewing your amazing Proactive Message on your phone? Let's get that fixed! Showing correctly the Proactive message essentially depends on the width of the device being used; in order…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

Custom Video Background

To change the Video Background for one of your own, you need a video hosted in public accessible url (that you can access from your browser) and this video should be in.mp4 format. DEMO Note: Youtube…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Different ways to format numbers with JS

In Landbot 3 Transform 1000 to 1,000 First, we ask for a number and store it in the @number variable. With a Code block we add the function that will transform the number: function fixValue(value){ r…

Pau Sanchez
Updated 1 month ago by Pau Sanchez

How to Upload Document & store link

This very easy guide will show you how to handle a document/image received during the conversation and send it to Google Sheets. Before starting the configuration, find below an example of how the fl…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Send contact info to Hubspot CRM

We have built a Brick that is going to help the process to send information you collect directly to Hubspot CRM. What we are going to do is to make use of Hubspot API and it's forms , but we will sen…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Get data filtered from Airtable with a Brick- Shop example

In this article we will see how to use Airtable as our "live" database from where getting data to feed our bot. The Airtable spreadsheet can be easily updated adding more rows or editing cells. For t…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

"Smart" Proactive

If we want to welcome a visitor using the proactive message on it's second visit and offer a different experience (different flow) than the first visit, we can create a "smart" proactive message. How…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Hide time stamp (under avatar)

If you don't want to display time that is located under the avatar/bot profile image, here is the code you will need to add in the Design / Advanced / Add CSS section Landbot v3.MessageDate{ display:…

Pau Sanchez
Updated 2 weeks ago by Pau Sanchez

How to make a "counter" for variables

Here you can find an easy solution to set up a counter/loop to add up variables. We have also prepared a demo you can find in here.. In this example we will create a counter with a variable called @c…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Detect if a visitor is on Mobile/Tablet or Desktop

To suit a better experience or a different solution depending on the device the user is browsing with, we can set up a "detector" and a condition to redirect the user one way or another. Also we can…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

How to not display Proactive Message to repeating Visitors

Here is the code you need to use in the page where you added the code to display the bot, to stop displaying the Proactive message to repeating visitors Landbot 3 <script> window.onload = function ()…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

Pop up modal to embed third party elements

Displaying html and scripts in Landbot sometimes can be limited by the size of the messages, and it's more useful to display 3rd party elements on top of the messages for better visualisation. Here w…

Pau Sanchez
Updated 3 months ago by Pau Sanchez

Random 4 digits Number

Generate a 4 digits random number to be used in a variable to verify a phone number. Send this number to a third party app and validate your users by checking if their input matches or not, therefore…

Pau Sanchez
Updated 2 months ago by Pau Sanchez

Set the flow depending on the url path (for embedded landbots)

Only for landbots embedded (not standalone). Do not test in Preview mode. We might want to personalise the experience of the visitor to our site with different "chatbots" depending on the section tha…

Pau Sanchez
Updated 1 month ago by Pau Sanchez

Different ways to embed Videos in Landbot

Video is a great way to communicate and in Landbot we know it. Here is a Demo where you can see the 3 different ways Landbot let you do it. In Landbot v3 Videos that are not using our native integrat…

Pau Sanchez
Updated 4 weeks ago by Pau Sanchez

How to embed a .gif file inside a message

Who does't like GIFs? 😍 Let us show you how to get it done in a very simple way. There are two ways you can embed an animated gif. The easy one is to use the Media block and search with our GIPHY int…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Generate a URL that has variables from user answers

It can happen that at the end of the flow you want redirect your clients to a specific website. It can be also the case that you want to generate a URL with the values provided by the users and that…

Pau Sanchez
Updated 1 year ago by Pau Sanchez

Contact