# Formularstruktur

Seiten, Spalten, Drag-and-drop und die Fortschrittsanzeige.

## Formularstruktur

Seiten, Spalten, Drag-and-drop, die Fortschrittsanzeige und die Danke-Seite — alles, was das Layout deines Formulars steuert.

<h2 id="pages">Seiten</h2>

<p>
  Jedes Formular beginnt mit einer einzigen Seite. Für kurze Formulare (mit weniger als ~7 Feldern) reicht das in der Regel aus. Wird ein
  Formular länger oder verzweigt es sich in verschiedene Abläufe, teile es in Seiten auf, damit Ausfüllende jeweils nur eine fokussierte
  Gruppe von Fragen sehen.
</p>

<h3 id="when-to-use-multiple-pages">Wann mehrere Seiten sinnvoll sind</h3>

- **7+ Felder** — ein langes Scrollen wirkt anstrengend; Seiten unterteilen die Arbeit in überschaubare Schritte.
- **Formulare mit gemischtem Zweck** — Erfassung, Zahlung und Bestätigung gehören jeweils auf eine eigene Seite.
- **Bedingte Verzweigung** — Logikregeln können basierend auf Antworten zu ganzen Seiten springen oder sie überspringen.

<h3 id="adding-a-page">Eine Seite hinzufügen</h3>

<p>
  Ausfüllende navigieren zwischen den Seiten mit den Schaltflächen <strong>Weiter</strong> und <strong>Zurück</strong>, die Formstep
  automatisch hinzufügt. Die letzte Seite zeigt statt Weiter eine Schaltfläche <strong>Absenden</strong>. <strong>Zurück</strong> geht die
  tatsächlich besuchten Seiten der ausfüllenden Person rückwärts durch, sodass ein Seitensprung Schritt für Schritt rückgängig gemacht wird,
  statt sie auf die vorherige Seite zurückzuwerfen.
</p>

<p>Die Danke-Seite zählt nicht zu diesen Seiten — sie ist der Bildschirm nach dem Absenden und taucht nie in der Seitenzahl auf.</p>

<h2 id="progress-bar">Fortschrittsanzeige bei mehrseitigen Formularen</h2>

<p>Eine dünne Fortschrittsanzeige oben im Formular zeigt Ausfüllenden, wie weit sie sind.</p>

<h3 id="how-it-works">Funktionsweise</h3>

> ℹ️ **Seitensprünge mit Logik**
> <p>
>     Bedingte Logik kann zu einer bestimmten Seite springen — zum Beispiel: „Wenn die ausfüllende Person ‚Selbstständig' wählt, springe zu
>     Seite 4." Der Sprung erfolgt, wenn die ausfüllende Person auf der Seite mit dieser Frage auf Weiter klickt. Auf späteren Seiten geht
>     Weiter in Seitenreihenfolge weiter. Eine Regel, die nur versteckte oder berechnete Felder liest, kann von jeder Seite aus springen, aber
>     nur vorwärts. Eine Seite, die ein Sprung überspringt, gilt als ausgeblendet: Ihre Fragen sind nicht verpflichtend, und ihre Antworten
>     werden verworfen. Siehe <a href="/de/building-forms/conditional-logic">Bedingte Logik</a>.
>   </p>

<h2 id="columns">Spalten</h2>

<p>
  Mit Spalten kannst du Blöcke nebeneinander platzieren. Nutze sie für kompakte Layouts — einen Namen und eine E-Mail-Adresse in einer
  Zeile, ein Bild neben einer Beschreibung oder gruppierte Auswahlfelder.
</p>

<h3 id="adding-columns">Spalten hinzufügen</h3>

> ℹ️ **Was nicht in eine Spalte passt**
> <p>
>     Logik, Verstecktes Feld, Berechnetes Feld, Seitenumbruch, Dankesseite und eine Wiederholungsgruppe funktionieren nur auf der obersten
>     Ebene des Formulars. Das Blockmenü blendet sie aus, solange sich der Cursor innerhalb einer Spalte befindet. Eine Wiederholungsgruppe
>     verbietet noch etwas mehr: Auch Zahlung, Termin planen und Dokumente sind tabu, weil eine Antwort nur einmal zahlt, bucht und Dokumente
>     ausgehändigt bekommt — nicht einmal pro Eintrag.
>   </p>

> ℹ️ **Responsives Verhalten**
> <p>
>     Spalten werden auf kleinen Bildschirmen vertikal gestapelt. Ausfüllende auf Mobilgeräten sehen jeweils eine Spalte, sodass das Formular
>     lesbar bleibt.
>   </p>

<h2 id="drag-and-drop">Drag-and-drop</h2>

<p>
  Jeder Block hat einen Ziehpunkt an seinem linken Rand. Greife ihn, um Blöcke innerhalb einer Seite neu anzuordnen oder zwischen Spalten zu
  verschieben.
</p>

<h3 id="reordering-blocks">Blöcke neu anordnen</h3>

- **Innerhalb einer Seite** — ziehe einen Block nach oben oder unten, um seine Position zu ändern.
- **Zwischen Spalten** — ziehe einen Block aus einer Spalte in eine andere.

<h3 id="block-menu">Blockmenü</h3>

<p>
  Klicke auf den Ziehpunkt (oder tippe auf den Blockindikator auf Touch-Geräten), um ein Menü zu öffnen. Was es anbietet, hängt vom Block
  ab; das sind die Einträge, denen du am häufigsten begegnest.
</p>

<p>
  Wähle mehrere Blöcke gleichzeitig aus — ziehe ein Rechteck um sie, shift-klicke einen zweiten Block, um den Bereich zu übernehmen, oder
  drücke zweimal <kbd>Cmd/Ctrl+A</kbd> — und dasselbe Menü wirkt auf alle: umwandeln, erforderlich, Titel-Sichtbarkeit, in eine Gruppe
  verpacken, duplizieren, verschieben, ausblenden, löschen.
</p>

<h2 id="repeating-groups">Wiederholungsgruppen</h2>

<p>
  Eine Wiederholungsgruppe ist ein benannter Container, der ein Set von Mitgliedsfeldern enthält — etwa eine Gruppe „Weitere Gäste
  hinzufügen" mit Name und Alter. Ausfüllende fügen so viele Einträge hinzu, wie sie brauchen, sodass du im Voraus nicht raten musst, wie
  viele es werden. Füge über das Blockmenü eine neue <strong>Wiederholungsgruppe</strong> ein, oder wähle eine Reihe bestehender Felder aus
  und klicke auf <strong>Wiederholungsgruppe erstellen</strong>.
</p>

<p>
  Den vollständigen Leitfaden — Gruppen erstellen, ausfüllen und wie Einträge in Antworten erscheinen — findest du unter{' '}
  <a href="/de/building-forms/repeating-groups">Wiederholungsgruppen</a>.
</p>

<h2 id="thank-you-page">Danke-Seite</h2>

<p>
  Jedes Formular hat eine <strong>Danke-Seite</strong> — immer die letzte Seite. Sie ist das, was Ausfüllende nach dem Einreichen sehen.
  Passe sie mit Überschriften, Bildern, Links und eingefügten Antworten an — oder leite stattdessen zu einer externen URL weiter.
</p>

<p>
  Den vollständigen Leitfaden findest du unter <a href="/de/building-forms/custom-thank-you">Danke-Seite & Weiterleitung</a>.
</p>

<h2 id="next-steps">Nächste Schritte</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Fragetypen](/de/building-forms/field-types) — Jeder Fragetyp und wann du ihn einsetzt
  - [Bedingte Logik](/de/building-forms/conditional-logic) — Anzeigen, ausblenden und verzweigen basierend auf Antworten
  - [Wiederholungsgruppen](/de/building-forms/repeating-groups) — Lass Ausfüllende so viele Einträge hinzufügen, wie sie brauchen
  - [Inhaltsblöcke](/de/building-forms/content-blocks) — Bilder, Videos, Einbettungen und Rich Text
</div>
