# Formulierstructuur

Pagina's, kolommen, slepen en neerzetten, en de voortgangsbalk.

## Formulierstructuur

Pagina's, kolommen, slepen en neerzetten, de voortgangsbalk en de bedankpagina — alles wat de lay-out van je formulier bepaalt.

<h2 id="pages">Pagina's</h2>

<p>
  Elk formulier begint als één pagina. Voor korte formulieren (minder dan ~7 velden) is dat meestal genoeg. Wanneer een formulier langer
  wordt of vertakt in verschillende flows, splits je het op in pagina's zodat respondenten telkens een overzichtelijke set vragen zien.
</p>

<h3 id="when-to-use-multiple-pages">Wanneer meerdere pagina's gebruiken</h3>

- **7+ velden** — een lange scroll voelt zwaar aan; pagina's verdelen het werk in beheersbare stappen.
- **Formulieren met meerdere doelen** — intake, betaling en bevestiging horen elk op een eigen pagina.
- **Voorwaardelijke vertakking** — logicaregels kunnen op basis van antwoorden naar hele pagina's springen of ze overslaan.

<h3 id="adding-a-page">Een pagina toevoegen</h3>

<p>
  Respondenten navigeren tussen pagina's met de knoppen <strong>Volgende</strong> en <strong>Terug</strong> die Formstep automatisch
  toevoegt. De laatste pagina toont een knop <strong>Verzenden</strong> in plaats van Volgende. <strong>Terug</strong> doorloopt de pagina's
  die de respondent daadwerkelijk heeft bezocht, zodat een paginasprong stap voor stap wordt teruggedraaid in plaats van hen op de vorige
  pagina te laten belanden.
</p>

<p>De bedankpagina is niet een van deze pagina's — het is het scherm na het indienen, en het telt nooit mee in het aantal pagina's.</p>

<h2 id="progress-bar">Voortgangsbalk voor meerdere pagina's</h2>

<p>Een dunne voortgangsbalk bovenaan het formulier toont respondenten hoe ver ze zijn.</p>

<h3 id="how-it-works">Hoe het werkt</h3>

> ℹ️ **Paginasprongen met logica**
> <p>
>     Conditionele logica kan naar een specifieke pagina springen — bijvoorbeeld: "Als de respondent 'Zelfstandige' kiest, ga naar pagina 4".
>     De sprong gebeurt wanneer de respondent op de pagina met die vraag op Volgende klikt. Op latere pagina's gaat Volgende in paginavolgorde
>     verder. Een regel die alleen verborgen of berekende velden leest, kan vanaf elke pagina springen, maar alleen vooruit. Een pagina die
>     een sprong overslaat, telt als verborgen: de vragen erop zijn niet verplicht, en de antwoorden erop worden verworpen. Zie{' '}
>     <a href="/nl/building-forms/conditional-logic">Conditionele logica</a>.
>   </p>

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

<p>
  Met kolommen plaats je blokken naast elkaar. Gebruik ze voor compacte lay-outs — een naam en e-mailadres op één rij, een afbeelding naast
  een beschrijving, of gegroepeerde keuzevelden.
</p>

<h3 id="adding-columns">Kolommen toevoegen</h3>

> ℹ️ **Wat niet in een kolom kan**
> <p>
>     Logica, Verborgen veld, Berekend veld, Pagina-einde, Bedankpagina en een herhalende groep werken alleen op het hoogste niveau van het
>     formulier. Het blokmenu verbergt ze zolang de cursor in een kolom staat. Een herhalende groep verbiedt nog iets meer: Payment, Schedule
>     appointment en Documents zijn ook uitgesloten, omdat een inzending één keer betaalt, boekt en documenten krijgt — niet één keer per
>     invoer.
>   </p>

> ℹ️ **Responsief gedrag**
> <p>
>     Kolommen stapelen verticaal op kleine schermen. Respondenten op mobiel zien één kolom tegelijk, zodat het formulier leesbaar blijft.
>   </p>

<h2 id="drag-and-drop">Slepen en neerzetten</h2>

<p>
  Elk blok heeft een sleepgreep aan de linkerkant. Pak die vast om blokken binnen een pagina te herschikken of ze tussen kolommen te
  verplaatsen.
</p>

<h3 id="reordering-blocks">Blokken herschikken</h3>

- **Binnen een pagina** — sleep een blok omhoog of omlaag om de positie te wijzigen.
- **Tussen kolommen** — sleep een blok van de ene kolom naar de andere.

<h3 id="block-menu">Blokmenu</h3>

<p>
  Klik op de sleepgreep (of tik op de blokindicator op een touchscreen) om een menu te openen. Wat het biedt hangt af van het blok; dit zijn
  de items die je het vaakst tegenkomt.
</p>

<p>
  Selecteer meerdere blokken tegelijk — sleep er een rechthoek omheen, shift-klik op een tweede blok om het bereik te pakken, of druk twee
  keer op <kbd>Cmd/Ctrl+A</kbd> — en hetzelfde menu werkt dan op ze allemaal: omzetten, verplicht, titelweergave, in een groep verpakken,
  dupliceren, verplaatsen, verbergen, verwijderen.
</p>

<h2 id="repeating-groups">Herhalende groepen</h2>

<p>
  Een herhalende groep is een gelabelde container met een set velden — zoals een groep "Extra gasten toevoegen" met Naam en Leeftijd.
  Respondenten voegen zoveel invoeren toe als ze nodig hebben, zodat jij vooraf niet hoeft te raden hoeveel het er worden. Voeg een nieuwe{' '}
  <strong>Herhalende groep</strong> in vanuit het blokmenu, of selecteer een reeks bestaande velden en kies{' '}
  <strong>Herhalende groep maken</strong>.
</p>

<p>
  Voor de volledige gids — groepen bouwen, invullen, en hoe invoeren verschijnen in inzendingen — zie{' '}
  <a href="/nl/building-forms/repeating-groups">Herhalende groepen</a>.
</p>

<h2 id="thank-you-page">Bedankpagina</h2>

<p>
  Elk formulier heeft een <strong>bedankpagina</strong> — altijd de laatste pagina. Dit is wat respondenten zien nadat ze hebben ingediend.
  Personaliseer het met koppen, afbeeldingen, links en doorgevoerde antwoorden — of stuur in plaats daarvan door naar een externe URL.
</p>

<p>
  Zie <a href="/nl/building-forms/custom-thank-you">Bedankpagina & Doorverwijzing</a> voor de volledige gids.
</p>

<h2 id="next-steps">Volgende stappen</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Vraagtypen](/nl/building-forms/field-types) — Elk vraagtype en wanneer je het gebruikt
  - [Conditionele logica](/nl/building-forms/conditional-logic) — Tonen, verbergen en vertakken op basis van antwoorden
  - [Herhalende groepen](/nl/building-forms/repeating-groups) — Laat respondenten zoveel invoeren toevoegen als ze nodig hebben
  - [Inhoudsblokken & Opmaak](/nl/building-forms/content-blocks) — Afbeeldingen, video's, embeds en opgemaakte tekst
</div>
