If you need individual details from your visitors, then the input field is the best option. You can ask for any single text inputs, such as their first and last name or email address.
Here are the available input types:
- Text Field → For short, open text (e.g., first name).
- Email Field → Ensures users enter a properly formatted email address.
- Phone Number → For collecting phone numbers, often with validation.
- Long Text → A larger field for longer answers or descriptions.
- Select Field → A dropdown menu with predefined options.
- Checkbox Field → For yes/no questions or multiple selections.
- Number Field → Accepts only numeric input.
- Date Field → Lets users pick a date from a calendar input.
- Zip Code Field → Specifically for postal/ZIP codes.
- Range Slider → A slider to select a value or range (e.g., budget, rating).
- Hidden Field → Invisible to the user; used to store extra values like campaign IDs or UTM parameters
Input Fields – General
Every input block has three important fields you can set in the content column:
- Label → The visible title or description shown above the field. It tells the user what type of information is expected (e.g., First Name, Email Address).
- Placeholder → The text that appears inside the field before the user types. It serves as a hint or example (e.g., John Doe, [email protected]). Placeholders disappear once the user starts typing.
- Name → The internal name of the field.
- This is connected to variables, meaning the value can be reused later in your flow (e.g., {{FirstName}}).
- It’s also the value sent to your CRM or database, so it must be unique across the entire flow to avoid conflicts.
Input Fields – Decorators
The Decorators section lets you add small enhancements to input fields:
- Prefix → Add an icon or text before the input field (e.g., 📞 for phone numbers, $ for amounts).
- Suffix → Add an icon or text after the input field (e.g., kg, %, or a checkmark).
- Help Text → Displays an info icon next to the field. When users hover or tap it, they see additional guidance (e.g., “Use your primary email address”).
Input Fields – Validation
Validation ensures that users provide correct and complete information before moving to the next step. For every input block, you’ll find Validation settings where you can define the rules.
Input Fields – Validation
Validation ensures that users provide correct and complete information before moving to the next step. For every input block, you’ll find Validation settings where you can define the rules.
Input Fields – Spacing
The Spacing section lets you control the block’s size and position:
- Size → Choose Small (S), Medium (M), Large (L), or Full width.
- Margins → Add space around the block (top, bottom, left, right) in pixels.
Input Fields – Appearance
The Appearance section controls where and how the input is displayed:
- Visibility → Choose whether the input should be visible on Desktop, Mobile, or both.
Range Slider
The Range Slider is different from other input fields because it lets users select a value by sliding a handle instead of typing. This makes it ideal for ranges like budget, quantity, percentage, or timeframes.
General
- Name → Used to send data to your CRM and can be used as a variable later. Must be unique in the flow.
- Label → Title shown above the slider.
- Min / Max / Step → Define the range:
- Min = the lowest possible value.
- Max = the highest possible value.
- Step = increments between values (e.g., step 10 means the slider moves 10 units at a time).
- Initial Value → The starting position of the slider when the user first sees it.
Decorators
- Thousands Separator → Format large numbers with commas or dots (e.g., 10,000).
- Value Prefix → Add a symbol before the value (e.g., $ for money).
- Value Suffix → Add a symbol after the value (e.g., %, kg).
- Help Text → Shows as an info icon to provide extra guidance (e.g., “Drag the slider to set your budget”).
Zip Code Field
The Zip Code Field is a specialized input for collecting postal or ZIP codes. Unlike a standard text or number field, it is optimized for location-based data.
General
- Name → The internal name used for CRM mapping and variables. Must be unique across your flow.
- Label → The visible field title (e.g., Enter Your ZIP Code).
- Placeholder → Shows an example ZIP/postal code (e.g., 12345) to guide the user.
- Country → Determines the ZIP/postal code format based on the selected country. This helps with validation since ZIP formats vary (e.g., 5-digit in the US vs. alphanumeric in Canada).
Validations
- Works the same as other inputs.
Decorators
- Works the same as other inputs.
Spacing & Appearance
- Works the same as other inputs.
Checkbox Field
The Checkbox Field is used when you need users to agree, confirm, or acknowledge something before continuing – for example, accepting terms and conditions or subscribing to a newsletter.
General
- Name → The internal field name used for CRM mapping and variables. Must be unique across the flow.
- Text → The text shown next to the checkbox. This can include formatting (bold, italic, underline) and even links (e.g., to terms & conditions or privacy policies).
Validations
- Works the same as other inputs.
Spacing & Appearance
- Works the same as other inputs.
Select Field
The Select Field is a dropdown input that lets users choose from a predefined list of options. It’s perfect when you want users to pick one item from many choices (e.g., country, job title, or service type).
General
- Name → Internal field name for CRM mapping and variables. Must be unique in your flow.
- Label → Title shown above the dropdown (e.g., Select your country).
- Placeholder → The default text inside the dropdown before a selection is made (e.g., Choose one).
- Options → Add as many options as needed. Each option can include:
- Display Name → The text the user sees in the dropdown
- Value → The value that is actually stored and sent to your CRM (can be different from the display name, e.g., United States of America → USA).
The Settings section gives you extra control over how dropdown options are displayed:
- Sort Alphabetically → Automatically arranges all options A → Z.
- Reverse Order → Flips the order of the options (last becomes first).
- Randomize → Shuffles the options each time the flow is loaded.
Validations
- Works the same as other inputs.
Decorators
- Works the same as other inputs.
Spacing & Appearance
- Works the same as other inputs.
Phone Number Field
The Phone Number Field is designed specifically for collecting phone numbers with proper formatting and country codes.
General
- Name → The internal field name for CRM mapping and variables. Must be unique in the flow.
- Label → The title shown above the input (e.g., Phone Number).
- Country Code → Sets the default country code (e.g., +1 for USA).
Settings
- Show Country Code → Always shows the default country code next to the input.
- Allow Country Selection → Lets users choose their country code from a dropdown.
- Include Code in Value → Ensures the full number with country code is stored in responses and sent to the CRM (e.g., +1 5551234 instead of just 5551234).
Validations
- Works the same as other inputs.
Decorators
- Works the same as other inputs.
Spacing & Appearance
- Works the same as other inputs.
Date Field
The Date Field lets users pick a date using a calendar input. It’s ideal for appointments, bookings, deadlines, or any scenario where you need a specific date from the user.
General
- Name → The internal field name used for CRM mapping and variables. Must be unique in the flow.
- Label → Title shown above the field (e.g., Choose your preferred date).
- Placeholder → Example text inside the field before a selection is made (e.g., MM/DD/YYYY).
- Date Format → Defines how the date is displayed (e.g., September 4, 2025 vs. 04/09/2025).
Settings
- Starting Today → Users can only pick today or dates in the future.
- Ending Today → Users can only pick today or dates in the past.
- Workdays Only → Restricts selection to Monday–Friday.
- Start Week on Monday → Changes the calendar view so weeks begin on Monday instead of Sunday.
Validations
- Works the same as other inputs.
Decorators
- Works the same as other inputs.
Spacing & Appearance
- Works the same as other inputs.