> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Eingabefelder zur Datenerfassung nutzen

> Nutzen Sie Eingabefelder, um Nutzerdaten zu erfassen, Eingaben zu validieren und Leads über strukturierte Formulare und interaktive Funnels zu gewinnen.

Mit Eingabefeldern **erfassen Sie Daten Ihrer Besucher** innerhalb Ihres Quiz oder Ablaufs. Sie dienen dazu, Informationen wie Namen, E-Mail-Adressen, Telefonnummern und andere strukturierte Eingaben zu sammeln.

## Verfügbare Eingabetypen

LanderLab bietet je nach Art der zu erfassenden Daten verschiedene Eingabefelder:

| Eingabe                              | Beschreibung                                 |
| :----------------------------------- | :------------------------------------------- |
| **Text Field**                       | Kurzer Text (z. B. Vorname)                  |
| **Long Text**                        | Längere Antworten oder Beschreibungen        |
| **Email**                            | Prüft das E-Mail-Format                      |
| **Phone Number**                     | Erfasst Telefonnummern mit Ländervorwahlen   |
| **Number**                           | Nur numerische Eingaben                      |
| **Select**                           | Dropdown mit vorgegebenen Optionen           |
| **Checkbox**                         | Ja/Nein- oder Zustimmungseingabe             |
| **Google Address**                   | Eingabe mit Adressvervollständigung          |
| **Zip Code**                         | Postleitzahl-Eingabe mit Validierung         |
| **Date Picker**                      | Datumsauswahl über einen Kalender            |
| **Date of Birth / Birthdate Picker** | Spezialisierte Datumseingabe                 |
| **Range Slider**                     | Wertauswahl über einen Schieberegler         |
| **OTP**                              | Verifizierung per Einmalpasswort             |
| **Hidden Field**                     | Speichert unsichtbare Daten (UTMs, IDs usw.) |

***

## Gemeinsame Einstellungen (alle Eingabefelder)

Die meisten Eingabefelder teilen dieselben Grundeinstellungen.

### Allgemein

* **Name** → interner Feldname
  * Wird für Variablen genutzt (z. B. `{{email}}`)
  * Wird an Ihr CRM gesendet
  * Muss **im gesamten Ablauf eindeutig** sein
* **Label** → sichtbarer Titel über dem Feld
  * Beispiel: *E-Mail-Adresse*
* **Placeholder** → Hinweis innerhalb des Feldes
  * Beispiel: [*example@email.com*](mailto:example@email.com)

### Validierung

Die Validierung stellt sicher, dass Nutzer **korrekte und erforderliche Daten** eingeben, bevor es weitergeht.

* Ausfüllen des Feldes verlangen
* Korrekte Formate erzwingen (E-Mail, Zahl usw.)

### Decorators

Ergänzen Eingaben um zusätzliche Elemente:

* **Prefix** → Text/Symbol vor der Eingabe (z. B. `$`, 📞)
* **Suffix** → Text/Symbol nach der Eingabe (z. B. `%`, kg)
* **Help Text** → kleiner Hinweistext oder Tooltip

### Abstände

Steuern Layout und Positionierung:

* **Size** → S, M, L, volle Breite
* **Margin** → passt den Abstand rund um das Feld an

### Darstellung

* **Visibility** → Anzeige auf Desktop, Mobil oder beidem

***

## Spezialisierte Eingabefelder

Einige Eingaben bieten je nach Zweck zusätzliche Einstellungen.

### Range Slider

Dient der Auswahl von Werten wie Budget, Bewertung oder Menge.

* **Min / Max / Step** → legt Bereich und Schrittweite fest
* **Initial Value** → Standardposition
* **Prefix / Suffix** → Einheiten ergänzen (z. B. \$, %, kg)
* **Thousands Separator** → formatiert große Zahlen

### Zip Code

Optimiert für standortbezogene Eingaben.

* **Country** → bestimmt das Validierungsformat
* Unterstützt verschiedene Postleitzahl-Formate

### Checkbox

Dient Bestätigungen oder Einwilligungen.

* Ideal für:
  * AGB
  * Einwilligungs-Kontrollkästchen
* Unterstützt formatierten Text und Links

### Select (Dropdown)

Erlaubt Nutzern die Auswahl aus vorgegebenen Optionen.

* **Optionen**:
  * Display Name (sieht der Nutzer)
  * Value (wird ans CRM gesendet)

Zusätzliche Steuerung:

* Alphabetisch sortieren
* Reihenfolge umkehren
* Optionen zufällig anordnen

### Phone Number

Für die Erfassung von Telefonnummern samt Länderbehandlung.

* **Default Country Code**
* Option, die Länderauswahl zuzulassen
* Option, die vollständige Nummer im gespeicherten Wert zu hinterlegen

### Date Field

Dient der Datumsauswahl über einen Kalender.

* **Date Format**
* Einschränken:
  * Zukünftige Daten
  * Vergangene Daten
  * Nur Werktage
* Option, die Woche am Montag beginnen zu lassen

***

## Bewährte Vorgehensweisen

* Halten Sie Eingaben **einfach und sparsam**, um Absprungraten zu senken
* Nutzen Sie **Platzhalter und Hinweistexte**, um Nutzer zu führen
* Achten Sie auf **eindeutige und einheitliche Feldnamen** für die CRM-Zuordnung
* Verwenden Sie spezialisierte Eingaben (etwa Telefon oder Postleitzahl) für eine bessere Validierung