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

Ana Updated by Ana

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 ;)

For Landbot (Web)

Click-to-Call - Redirect visitor to a phone number

In our bot, after a button we will add a Code Block, like in the picture below:

With the following code:

window.location.href = 'tel:+3411223344'

Or you can use a variable:

window.location.href = 'tel:@{phone}'

In case you want to open a new window, the best approach would be like this:

<a href = 'tel:+3411223344' target="_blank" >Click to call</a>
Click to Email

The process will be as follows:

In our bot, after a button we will add a Code Block, like in the picture below:

With the following code:

window.location.href = 'mailto:feedback@landbot.io'

Or you can use variables

window.location.href = 'mailto:@{email}'

Change the email according to your needs.

Even you can set up the subject and the content of the email (encoded)

mailto:@{email}?subject=Subject&body=message%20goes%20here

Click to WhatsApp

The process will be as follows:

In our bot, after a button we will add a Code Block, like in the picture below:

With the following code:

window.location.href ='https://api.whatsapp.com/send?phone=34123123123'

Or you can use variables:

window.location.href ='https://api.whatsapp.com/send?phone=@{phone}'

Change the phone according to your needs.

How did we do?

Conditional Welcome (Non-embedded bots)

Redirect User Based on Language Input (DeepL)

Contact