Input fields allow you to collect data from your visitors inside your quiz or flow. They are used to capture information such as names, emails, phone numbers, and other structured inputs.
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 |
| Email | 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.) |
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
- Label → Visible title above the field
- Placeholder → Hint inside the input
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
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)
Additional controls:
- 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
Last modified on April 2, 2026
