Create your bot
Basics - Essentials to build a bot
Variables in Landbot - Getting Started
Landbot System Variables
Builder's keyboard shortcuts and mechanics! ๐
Builder Interface
Supported Browsers
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)
Buttons block
Buttons block
Reply Buttons block (WhatsApp)
Any of the above Output
How to open a new URL in another tab (window)
How to set up Multiple Choice questions
Code Block (Javascript)
Conditions block
Conditions block
Conditions block II (with Dates, Usage and Agents variables)
How to ask a question based on a variable not being set (empty URL params)
Flow operations
Global Keywords ๐
Keyword Jump
Keyword Options ๐ Assign keywords to buttons (WhatsApp and Facebook)
Lead Scoring block
Persistent Menu
Jump To block
Formulas 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
Goals block
Goodbye block
Media Block
Multi-Question block (Create a Form)
Note block
Question blocks
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
Business Hours block
List Buttons Block (WhatsApp)
Collect Intent block
Bricks
Bot Settings
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
Typing Emulation (Message Delay)
Landbot in Wix
Chats - Livechat and Human Takeover
Design (bots for Web)
Share & Embed
Account Settings and Billing
Billing
Account Settings
Account Settings
Account Homepage
Dashboard
Roles & Permissions for Teammates
Agent Status and Log out
Common reasons for not receiving account activation email
Privacy and Security
Landbot's Privacy & Security Policies
Compliance with the GDPR - ย General Data Protection Regulation
Landbot's Abuse Policy - How to Report an Abusive Use of Landbot
Teammates - Add extra agents (seats) to your Account
Notifications section
Integrations with Landbot
ActiveCampaign
Airtable
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
Calendly
Carrd
DeepL
Dialogflow
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)
Facebook Pixel
Google Analytics
Google Adwords
Google Maps
Google Maps API Key for Address block
Extract Data With Google Maps Geocoding API
Calculate Distances With Google Maps API
Google Sheets
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
How Track Google Analytics Events in Landbot with Google Tag Manager (GTM)
Landbot in your web with Google Tag Manager
HubSpot
IFTTT
Integromat
Connecting MySQL with Make.com (formerly Integromat)
How to upload a file to Google Drive using Make.com (formerly Integromat)
Send WhatsApp Message 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
Integrately
Intercom
Vonage
Mailchimp
OCR
OpenAI
Create a JSON format response from OpenAI in WhatsApp
Connect OpenAI Assistant with Landbot
How to build a FAQ chatbot with GPT-3
GPT-4 in Landbot
Fine-Tune GPT3 with Postman
OpenAI
Prompt Engineering for GPT-3
Build a Customer Service Bot with ChatGPT and Extract Information
Pabbly
Paragon
PDF Monkey
Pipedream
Salesforce
Segment
Sendgrid
Slack
Stripe
Squarespace
Sharetribe
Shopify
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)
Webflow
Wordpress
Xano
Zendesk
Zapier
Zapier block
Zapier Integration Dashboard
How to insert a row to Google Spreadsheet by Zapier
How to generate a document with PDFMonkey by Zapier
Send WhatsApp Message Templates 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
Zapier trigger
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
WhatsApp Channel
Getting started with the WhatsApp Integration
WhatsApp Testing
Facebook Business Verification - Best Practices ๐ฌ๐ง
Adding a WhatsApp number to your account
WhatsApp Channel Settings
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
Audience block
Recognise the users input when sending a Message Template with buttons
Audiences
Create Opt-ins (Subscribers) using Landbot API
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 direct a user through a different bot flow on their second visit
WhatsApp - Get user out of error message loop
Javascript in WhatsApp
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
Facebook Messenger
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
Duplicating bots
AI in Landbot
Metrics and Data Management
Metrics Section
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
Dynamic Customizations
How to change Avatar dynamically (Landbot v3)
Dynamically Change a Bot's Background
Dynamically Change Any Style
Embed Customizations
How to "send" a user to a specific point in the flow with Javascript and with the API
Modifying Embed Size
Load script and display bot on click button
How to launch a Landbot by clicking a button
Open LiveChat bot as soon as page loads (3 ways)
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
Design Customizations
How to use Google Fonts in Landbot
CSS for Typewriter Effect
Proactive Message Customizations with Javascript and CSS
Landbot v3 - Web CSS - RTL
Hide time stamp (under avatar)
How to remove Landbot branding
HTML Template for Emails
Widget/Bubble Customizations with Javascript and CSS
Detect if a visitor is on Mobile/Tablet or Desktop
Customized display in the bot
How to display an HTML Table and a List in Landbot v3 web
Progress Bar Workaround
Add a Chart (with Chart JS library) in your Landbot
How to embed a .gif file inside a message
Different ways to embed Videos in Landbot
Pop up modal to embed third party elements
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
Form Block CSS
Multi Questions CSS
Get started guide for CSS Design in Landbot
Landbot APIs
APIs
Create an SMS bot with ClickSend and API Chatbot
reply from Slack: How to create an integration to allow agents reply WhatsApp users from Slack (with Node JS)
MessageHooks - Landbot Webhooks
Javascript and SDK
Workarounds and How To's
Building Tips & How to's
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)
Get the array's index of the user selection and extract information from array
How to redirect visitors to a URL (web only)
Embed Google Maps
How to add a Click-to-Call/Email/WhatsApp button
How to disable a bot
Airtable usecase: Create an event registration bot with limited availability
How to calculate the number of days between two selected dates
Reservation bot with Airtable
Set a timer to get the time spent during the flow
Workarounds & Codes
How to Detect Visitors Browser
Conditional Welcome (Non-embedded bots)
Conditional Welcome: Direct the Flow of Your Bot Based on External Parameters
Two-Step Email Verification
Detect if bot was opened
Different ways to format numbers with JS
Trigger Event if User Abandons Chat
Calculate Distances in WhatsApp
Customized Behavior in Mobile Browsers
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)
Launching a bot depending on browser language
Trigger a Global Keyword with JS (web v3)
Create a Scale out of Buttons - Workaround
How to set up questions with a countdown
How to pass WordPress logged in user data to Landbot
Create Dynamic Shopping Cart with JS and CSS
Set the flow depending on the url path (for embedded landbots)
Generate a URL that has variables from user answers
Resume flow based on external process with Landbot API (Request, Set, Go)
Creating Masks for User Input (2 examples)
Popup on Exit Intent
More Topics
Table of Contents
- All Categories
- WhatsApp Channel
- Opt-in, Templates and Campaigns
- How to get Opt-ins (Subscribers) for your WhatsApp ๐
How to get Opt-ins (Subscribers) for your WhatsApp ๐
Updated by Alessandro Pinelli
Prefer watching than reading? No problem, we've got you covered ๐
What is the Opt-in process and when and why do I need it?
To this day there are two different types of messages on WhatsApp.
1. Reactive messages - messages are considered reactive when the final user initiates the conversation for a period of 24 hours since the user's last message.
2. Proactive/Push Messages - messages are considered proactive when they are initiated by the company outside of the 24 hour window.
Before you can send proactive messages to your users; they must previously give you their consent. This is part of WhatsApp's policies to avoid SPAM to users.
In conclusion:
What is the opt in process?
The process to obtain your user's consent and send them proactive messages
When do I need it?
Whenever you plan to send proactive messages to your users, make sure you plan ahead!
Why do I need it?
To comply with WhatsApp policies and regulations.
Now that that's clear, let's delve deeper into your Growth Tools section.
Growth Tools Section
Once you have an active Official WhatsApp channel, you'll be able to enter the Growth Tools for WhatsApp section.
Within that section, you will find the options to:
1. Generate an opt-in form that you can use to get opt-in in many different ways
2. Manage and edit your current Opt-in forms
To see the list of all subscribers to your WhatsApp channel, you should check the Contacts section instead:
1. Creating an opt-in form
This is our former snippet, a programming term for a small region of re-usable source code, machine code, or text, let's explain it with some more context.
For example:
You've just had your number approved by WhatsApp, integrated with Landbot, and want to start opting in users so you can reach out to them proactively in the future.
So if visitors of your website leave their phone number in this form, and tick the consent checkbox, they will be automatically registered as new subscribed contacts.
Here are the steps to follow:
- Opt-in form name: Choose a name to identify your forms.
- Opt-in confirmation message- select a message template: If you want to send a WhatsApp message immediately after the user has opted in. The most common use for this section is sending a "thanks for subscribing message". You'll also be able to add a pre-approved Message Template
If you click on Select message template it will bring up a modal with all your approved template messages. Select the one you'd like to send.
If the selected template message contains variables (parameters saved in Landbot) in the content, you'll have to fill out the blank with the variable of your choice.
The variables are going to be displayed as numbers surrounded by double brackets:
In this particular example you could use the variable @name to replace the {{1}} with the name of the person.
- Choosing the Bot (optional): You are also able to choose a bot that will be linked to the message template. It will be triggered only if the user replies to the message template.
If you don't link a bot in this section and the user sends a message to your integrated number, the main bot linked to your account will be triggered.
When you click on Choose the bot, this is what you'll see:
- Customise the consent message: Add a message for your customers to know they must tick the checkbox in order to be registered as subscribed contacts.
โIn order to send a WhatsApp message to a person, you must receive opt-in permission in-line and contextually during the relevant user flows. For example, to receive a receipt via WhatsApp, a person must opt-in during a purchase flow.
Opt-in obtained without context and in any manner not related to an action the user is already taking, does not comply with this policy.โย
- Once you've filled everything out, click on SAVE CHANGES and you will have successfully configured your snippet.
- You can preview the snippet by clicking on the "eye looking" icon to see what it would look like if you posted it on your website (more information about that in the next chapter).
2. Using the Snippet to obtain Opt-in from your users
Now that you've generated the snippet, you can use it to get your users to opt-in in many different ways. We'll highlight the most common ones below.
- Get Opt-ins using the snippet
- Get Opt-ins with a Web bot
- Get Opt-ins with a custom form on your website
- Obtain the Opt-in directly through a WhatsApp bot.
We will explain each one of those methods in this article, so that you can choose the Opt-In option that works best for your case ๐
1. Get Opt-ins using the snippet
This is probably the quickest option, however, it's the one you can personalise the least.
Below are some of the characteristics:
- The snippet option can only be set up in English
- Only the fields explained in the previous chapter can be personalised
- Parameters other than the phone number cannot be sent with this option
If this option is your choice you just need to copy and paste the snippet code onto your website.
2. Opt-in Using a Web bot
If you still want to get opt-in from users on your website but want to have the option to personalise it, using a web bot is a great option!
You'll have to set it up in a similar way as the snippet. In other words, your bot must:
- Be contextual and explicit about its purpose
- Ask the user for their phone number in a specific format country code + phone number
For example, the country code in Spain is +34
A random phone number in Spain could be 612345678
The format for the number on Landbot should be 34612345678
To ease the process, we've prepared the following Brick workaround called Opt-in WhatsApp v3
Ask for consent with the Opt-in Brick Workaround
This option will allow users from different countries (different country codes) to Opt-in.
For this option, you should build a web bot from scratch, and use the Opt-In Brick Workaround to validate the phone number and opt it in.
To use this option you should:
- Start building a bot from scratch
- Import the opt in brick from the Brick selector
- Go to the Get opt-ins section in Channels
- Copy the snippet code
- Travel back to the bot and open the opt in brick
- Paste the code in the first Set Variable block
2.1 Sending Variables collected by the web bot to WhatsApp
If you'd like to send the data collected by your web bot to WhatsApp and assign them to the opted in user so you don't have to ask them for the details again, you can do it from the Webhook block under the note titled Webhook edit.
- Open the Webhook block
- Add the variables you have added to your bot flow in the Send Params section
For example, if you asked a user for their name during your bot flow, you can add the Key: name and the variable @name in the Value field.
- Once you have added the Params, you will see that the Preview URL will add these variables automatically, appearing right under the Webhook's URL & Method Field we have previously set up:
Save and finish
Don't forget to Apply the changes in the Webhook and save the bot. And there you have it ๐
3. Opt-in using a WhatsApp bot
It is possible to get Opt-ins directly through a WhatsApp bot. This is the most immediate, easy-to-use and frictionless option.
By following an initial flow to Opt-in, users will be able to give their consent to receive future notifications through WhatsApp.
How to create a WhatsApp Opt in bot:
a. Ask for consent using Opt-in block
Now it's easier than ever to get opt-ins through the WhatsApp bot with our new Opt-in block๐คฉ
For more information on how to configure it, please check this article.
b. Ask for consent (Keyword Options or Reply Buttons block) with Webhook block
First of all, we must ask for the User's consent to be contacted proactively by your company.
To do that, after the first Welcome or simple Message Blocks, just add a simple question asking for the user's consent to receive WhatsApp notifications, using a Keyword Options or a Reply Buttons block.
Make sure to differentiate the flow, leading the user to a different path if they do not accept to Opt-in.
Adding a Webhook block to validate the opt-in
Add a Webhook block and follow the steps below:
- Keep the URL method as POST
- Go to the Opt in section in Channels
- Create a snippet as explained in chapter 1 of this article
- Copy the URL in the code and go back to the WhatsApp bot
- Paste the URL into the top field
- Open the Send params subsection in the Webhook block
- Add the word "phone" to the Key field and the variable @phone to the Value field
Your Webhook block should look something like this:
And that's it, your WhatsApp opt in bot is ready! Easy right? ๐
How to view your subscriber list
New integrations
- Click on the WhatsApp logo on the left dashboard
- Select your channel
- Click on the Contacts section
You will be able to export a CSV file with all your subscribers by clicking on the Export CSV button.
You will see two metrics:
-> Total Contacts - the total number of numbers who have subscribed to your WhatsApp channel;
-> Valid Subscribers - the total number of subscribers who have successfully interacted with your number and can exchange messages.
User Opt-out
In case a user does not want to receive notifications from you anymore, you must make the Opt-out.
By accessing the Contacts section, you will find a button with the option "Opt Out" at the user's details.
By clicking on it and accepting the Opt out, this user will be removed from your list and you will no longer be able to contact this use proactively.
Please use it ONLY if one of your users asked you to remove his contact from your list.
Why is the Opt-in Mandatory?
Users need to first give you their consent to be reached via WhatsApp, as part of WhatsApp's policies to avoid SPAM.
Users must in any case confirm that they wish to receive future messages on WhatsApp by doing the Opt-In in any of the ways mentioned above.
This condition is mandatory and its violation means the violation of WhatsApp Terms of Service, which can lead toย the banning of your WhatsApp business number.
WhatsApp's Requirements for Opt-in and Banned Accounts
In order to comply with WhatsApp Guidelines, Businesses must follow the below requirements when obtaining opt-in:
- Businesses must clearly state that a person is Opting-in to receive messages from them over WhatsApp;
- Businesses must clearly state the Businessโ name that a person is opting in to receive messages from;
- Businesses must comply with applicable law.
From WhatsApp FAQsย "Staying safe on WhatsApp":
We may ban accounts if we believe the account activity is in violation of our Terms of Service.
Per ourย Terms of Service, we may retain the right to ban you without notification. Please be aware that a user report of conduct in violation of our Terms of Service won't necessarily result in us banning the user or otherwise taking action against the user.
Please review the โAcceptable Use of Our Servicesโ section of ourย Terms of Serviceย carefully to learn more about the appropriate uses of WhatsApp and the activities that violate our Terms of Service.
Next Steps
Once you have your subscriber list, you may want to send them broadcast messages or notifications. If that's the case, please read this article on how to send broadcast messages/notificactions.