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)
Default Output Explained
Welcome Message
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) (v3)
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 - Comparison
Formulas Blocks Dashboard
Formulas - Array
Formulas - Date
Formulas - Object
Formulas - Logical
Formulas - Math
Formulas - Regex
Formulas - String
Goals block
Goodbye block
Media Block
Multi-Question block (Create a Form)
Multi-Question Block (New)
Multi-Question (Old Version) - the Question editor (WEB - Landbot 3 only)
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
Bricks
Bot Settings
Chats - Livechat and Human Takeover
Design (bots for Web)
Share & Embed
Account Settings and Billing
Billing
Teammates - Add extra agents (seats) to your Account
Subscription Section (v3)
Payment FAQ 💳
Fair Use Policy
Account Settings
Account Settings
Dashboard
Agent Status and Log out
Roles & Permissions for Teammates
Common reasons for not receiving account activation email
Privacy and Security
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
Advanced filters formulas Airtable block
Automate.io
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)
How to TEST your Http Request (Webhook block)
Webhook block (External API REST)
Webhook Blocks Dashboard
How to POST, GET (and more) with Landbot
Facebook Pixel
Google Analytics
Google Adwords
Google Cloud Functions
Google Maps
Embed 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
GTM - How Track Google Analytics Events in Landbot with Google Tag Manager
Landbot in your web with Google Tag Manager
Hubspot
IFTTT
Integromat
Connecting MySQL with Integromat
How to upload a file to Google Drive using Integromat
Integromat trigger
How to send an email through Sendinblue by Integromat
How to extract data from an external source with Integromat and use it in Landbot
Integrately
Vonage
Mailchimp
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
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
How to send an email with Gmail by 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 (NEW)
Сonnecting WhatsApp Business API with 360Dialog
WhatsApp Number Migration / Porting to Landbot
Facebook Business Verification - Best Practices 🇬🇧
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 (HSM)
Send Whatsapp Messages with Landbot API
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
1. WhatsApp Article Directory
2. WhatsApp Integration FAQ's
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
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
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
How to "send" a user to a specific point in the flow with Javascript and with the API
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
CSS Customization Examples: Video Bubble
CSS Customization Examples: CV Template
Design Customizations
How to use Google Fonts in Landbot
Hide time stamp (under avatar)
Detect if a visitor is on Mobile/Tablet or Desktop
Proactive Message Customizations with Javascript and CSS
Landbot v3 - Web CSS - RTL
How to remove Landbot branding
HTML Template for Emails
Widget/Bubble Customizations with Javascript and CSS
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
Landbot APIs
APIs
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 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
Workarounds & Codes
Refillable bottles
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
Customized Behavior in Mobile Browsers
How to not display Proactive Message to repeating Visitors
Launch Bot On Exit Intent
Display Bot During Business Hours Only (Livechat & Popup)
Random 4 digits Number (Web)
Cookie consent banner (full page / full page embed)
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
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
How to embed Google Maps addresses in an iframe
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
More Topics
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
Startup Discounts
NGOs and Educational Organizations Discount
Table of Contents
- All Categories
- Integrations with Landbot
- Hubspot
- How to Create & Update contact in Hubspot
How to Create & Update contact in Hubspot
Updated
by Pau Sanchez
In this article we will explain how you can use Landbot to capture information and store it in Hubspot. And if required, how to update that contact just created using Hubspot API and our Webhook block

Create Contact
- Set up questions blocks (name, phone, company)

Each question, will store the user input in a specific variable

it is required that when you create the contact, you should have the user email:

- Now we will add the Webhook block, that we will use to create the contact in Hubspot using it's API:

- The first thing we need to set up in the Webhook block will be the Method, in this case will be a POST

And after, we will add the URL required for this action:

You can copy from here:
https://api.hubapi.com/contacts/v1/contact/
- Now we will add the params settings:

In the Key will be "hapikey"

To get the "hapikey" from your Hubspot account, you should go to your settings Section:

Then select Integration on the left side panel

Select API Key

If is your first time, you might need to create the API Key, otherwise, you just need to copy it:

- Now paste the API Key in the params value:

- Now we will select to Customize Body of the request

We will add the JSON:

Here is the JSON:
{
"properties": [
{
"property": "email",
"value": "@email"
},
{
"property": "firstname",
"value": "@name"
},
{
"property": "company",
"value": "@company"
}
]
}
As you can see, we map the variables in Landbot that we are storing in the blocks before the webhook, and map them to properties in Hubspot. You can add as many as you need, but bear in mind that such properties must exist in Hubspot.
Also, you will need to match the variable @name with the property "firstname"
And always make this request with the email
- We need to make sure everything is set correctly, to do this, we will make a test with some data that we will use to create a contact in Hubspot for testing

Here we fill the variables, with some values:

- Press test check response

And the response from this test will be displayed below:

And if we check in Hubspot the test has been successful creating a new contact

- And finally if we want later to be able to update such contact with more details, we need to store the id that Hubspot is using, in this case is the "vid" value:

To store such value, we will activate the "Save Responses as Variables" section

Click on the blue dropdown where it says "Entire Response Body":

And finally select the "vid" value:


And finally we will create a variable where to store the vid value, we will call it "vid" and use the number format:


Update contact
We might want to add additional information as we collect it, without the need to wait until the chat is done. In that case, we will add another user input, and another Webhook block.
- Add additional questions, in this case we will ask for the phone, and we will store it in the variable @phone

- And add the new webhook that will be used to update the contact we created earlier with the phone value
- The first thing we need to set up in the Webhook block will be the Method, in this case will be a POST

And after, we will add the URL required for this action:

You can copy from here:
https://api.hubapi.com/contacts/v1/contact/vid/@{vid}/profile
as you can see we are using the variable @vid in the url to identify the contact created earlier
- Now we will add the params settings:

In the Key will be "hapikey"

To get the "hapikey" from your Hubspot account, you should go to your settings Section:

Then select Integration on the left side panel

Select API Key

If is your first time, you might need to create the API Key, otherwise, you just need to copy it:

- Now paste the API Key in the params value:

- Now we will select to Customize Body of the request

We will add the JSON:

Here is the JSON:
{
"properties": [
{
"property": "phone",
"value": "@phone"
}
]
}
As you can see, we map the variables in Landbot that we are storing in the blocks before the webhook, and map them to properties in Hubspot. You can add as many as you need, but bear in mind that such properties must exist in Hubspot.
Also, you will need to match the variable @name with the property "firstname"
And always make this request with the email
- We need to make sure everything is set correctly, to do this, we will make a test with some "fake data" that we will use to create a contact in Hubspot

Here we fill the variables, with some values:

- Press test check response

And the response from this test will be displayed below:

And if we check in Hubspot the test has been successful updating a new contact
