Available Input Types
LanderLab provides a variety of input fields depending on the type of data you want to collect:| Input | Description |
|---|---|
| Text Field | Short text (e.g., first name) |
| Long Text | Longer answers or descriptions |
| Validates email format | |
| Phone Number | Collects phone numbers with country codes |
| Number | Numeric-only input |
| Select | Dropdown with predefined options |
| Checkbox | Yes/no or agreement input |
| Google Address | Address autocomplete input |
| Zip Code | Postal/ZIP code input with validation |
| Date Picker | Select a date from a calendar |
| Date of Birth / Birthdate Picker | Specialized date input |
| Range Slider | Select a value using a slider |
| OTP | One-time password verification |
| Hidden Field | Stores invisible data (UTMs, IDs, etc.) |
Common Settings (All Input Fields)
Most input fields share the same core settings.General
- Name → Internal field name
- Used for variables (e.g.,
{{email}}) - Sent to your CRM
- Must be unique across the flow
- Used for variables (e.g.,
- Label → Visible title above the field
- Example: Email Address
- Placeholder → Hint inside the input
- Example: [email protected]
Validation
Validation ensures users enter correct and required data before continuing.- Require field completion
- Enforce correct formats (email, number, etc.)
Decorators
Enhance inputs with additional elements:- Prefix → Text/icon before the input (e.g.,
$, 📞) - Suffix → Text/icon after the input (e.g.,
%, kg) - Help Text → Small guidance text or tooltip
Spacing
Control layout and positioning:- Size → S, M, L, Full width
- Margin → Adjust spacing around the field
Appearance
- Visibility → Show on Desktop, Mobile, or both
Specialized Input Fields
Some inputs include additional settings depending on their purpose.Range Slider
Used for selecting values like budget, rating, or quantity.- Min / Max / Step → Define range and increments
- Initial Value → Default position
- Prefix / Suffix → Add units (e.g., $, %, kg)
- Thousands Separator → Format large numbers
Zip Code
Optimized for location-based input.- Country → Defines validation format
- Supports different ZIP/postal formats
Checkbox
Used for confirmations or agreements.- Ideal for:
- Terms & Conditions
- Consent checkboxes
- Supports formatted text and links
Select (Dropdown)
Allows users to pick from predefined options.- Options:
- Display Name (user sees)
- Value (sent to CRM)
- Sort alphabetically
- Reverse order
- Randomize options
Phone Number
Designed for phone collection with country handling.- Default Country Code
- Option to allow country selection
- Option to include full number in stored value
Date Field
Used for selecting dates via calendar.- Date Format
- Restrict:
- Future dates
- Past dates
- Workdays only
- Option to start week on Monday
Best Practices
- Keep inputs simple and minimal to reduce drop-off
- Use placeholders and help text to guide users
- Ensure field names are unique and consistent for CRM mapping
- Use specialized inputs (like Phone or Zip Code) for better validation