Skip to main content
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.

Available Input Types

LanderLab provides a variety of input fields depending on the type of data you want to collect:
InputDescription
Text FieldShort text (e.g., first name)
Long TextLonger answers or descriptions
EmailValidates email format
Phone NumberCollects phone numbers with country codes
NumberNumeric-only input
SelectDropdown with predefined options
CheckboxYes/no or agreement input
Google AddressAddress autocomplete input
Zip CodePostal/ZIP code input with validation
Date PickerSelect a date from a calendar
Date of Birth / Birthdate PickerSpecialized date input
Range SliderSelect a value using a slider
OTPOne-time password verification
Hidden FieldStores 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
  • Label → Visible title above the field
    • Example: Email Address
  • 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

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)
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