# Structure du formulaire

Pages, colonnes, glisser-déposer et barre de progression.

## Structure du formulaire

Pages, colonnes, glisser-déposer, barre de progression et page de remerciement — tout ce qui contrôle la mise en page de votre formulaire.

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

<p>
  Chaque formulaire commence avec une seule page. Pour les formulaires courts (moins de 7 champs environ), c’est généralement suffisant.
  Quand un formulaire s’allonge ou se divise en différents parcours, divisez-le en pages pour que les répondants voient un ensemble de
  questions ciblé à la fois.
</p>

<h3 id="when-to-use-multiple-pages">Quand utiliser plusieurs pages</h3>

- **7 champs ou plus** — un long défilement peut être pesant ; les pages découpent le travail en étapes gérables.
- **Formulaires à objectifs multiples** — l’inscription, le paiement et la confirmation méritent chacun leur propre page.
- **Branchement conditionnel** — les règles logiques peuvent sauter vers des pages entières ou les ignorer en fonction des réponses.

<h3 id="adding-a-page">Ajouter une page</h3>

<p>
  Les répondants naviguent entre les pages avec les boutons <strong>Suivant</strong> et <strong>Précédent</strong> que Formstep ajoute
  automatiquement. La dernière page affiche un bouton <strong>Envoyer</strong> à la place de Suivant. <strong>Précédent</strong> retrace les
  pages que le répondant a réellement visitées : un saut de page est donc annulé étape par étape, plutôt que de renvoyer directement à la
  page d’avant.
</p>

<p>
  La page de remerciement n’est pas l’une de ces pages — c’est l’écran affiché après l’envoi, et elle n’apparaît jamais dans le nombre de
  pages.
</p>

<h2 id="progress-bar">Barre de progression multi-pages</h2>

<p>Une fine barre de progression en haut du formulaire montre aux répondants leur avancement.</p>

<h3 id="how-it-works">Comment ça fonctionne</h3>

> ℹ️ **Sauts de page avec la logique**
> <p>
>     La logique conditionnelle peut sauter vers une page spécifique — par exemple, « Si le répondant choisit 'Indépendant', aller à la page 4
>     ». Le saut a lieu quand le répondant clique sur Suivant sur la page qui contient cette question. Sur les pages suivantes, Suivant
>     continue dans l’ordre des pages. Une règle qui ne lit que des champs masqués ou calculés peut sauter depuis n’importe quelle page, mais
>     seulement vers l’avant. Une page qu’un saut ignore compte comme masquée : ses questions ne sont pas obligatoires, et ses réponses sont
>     écartées. Voir <a href="/fr/building-forms/conditional-logic">Logique conditionnelle</a>.
>   </p>

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

<p>
  Les colonnes vous permettent de placer des blocs côte à côte. Utilisez-les pour des mises en page compactes — un nom et un email sur une
  même ligne, une image à côté d’une description, ou des champs de choix regroupés.
</p>

<h3 id="adding-columns">Ajouter des colonnes</h3>

> ℹ️ **Ce qui ne peut pas aller dans une colonne**
> <p>
>     Logique, Champ masqué, Champ calculé, Saut de page, Page de remerciement et un groupe répétable ne fonctionnent qu’au niveau supérieur
>     du formulaire. Le menu du bloc les masque tant que le curseur est à l’intérieur d’une colonne. Un groupe répétable interdit un peu plus
>     : Paiement, Planifier un rendez-vous et Documents en sont aussi exclus, car une soumission paie, réserve et reçoit des documents une
>     seule fois — pas une fois par entrée.
>   </p>

> ℹ️ **Comportement responsive**
> <p>
>     Les colonnes s’empilent verticalement sur les petits écrans. Les répondants sur mobile voient une colonne à la fois, ce qui permet au
>     formulaire de rester lisible.
>   </p>

<h2 id="drag-and-drop">Glisser-déposer</h2>

<p>
  Chaque bloc dispose d’une poignée de glissement sur son bord gauche. Saisissez-la pour réorganiser les blocs au sein d’une page ou les
  déplacer entre les colonnes.
</p>

<h3 id="reordering-blocks">Réorganiser les blocs</h3>

- **Au sein d’une page** — faites glisser un bloc vers le haut ou vers le bas pour changer sa position.
- **Entre les colonnes** — faites glisser un bloc d’une colonne vers une autre.

<h3 id="block-menu">Menu du bloc</h3>

<p>
  Cliquez sur la poignée de glissement (ou appuyez sur l’indicateur de bloc sur les appareils tactiles) pour ouvrir un menu. Son contenu
  dépend du bloc ; voici les entrées que vous rencontrerez le plus souvent.
</p>

<p>
  Sélectionnez plusieurs blocs à la fois — tracez un rectangle autour d’eux, maintenez Shift et cliquez sur un second bloc pour prendre
  toute la plage, ou appuyez deux fois sur <kbd>Cmd/Ctrl+A</kbd> — et le même menu agit sur tous : convertir en, obligatoire, visibilité du
  titre, regrouper, dupliquer, déplacer, masquer, supprimer.
</p>

<h2 id="repeating-groups">Groupes répétables</h2>

<p>
  Un groupe répétable est un conteneur étiqueté qui regroupe un ensemble de champs membres — comme un groupe « Ajouter des invités
  supplémentaires » avec Nom et Âge. Les répondants ajoutent autant d’entrées qu’il leur faut, vous n’avez donc pas à deviner combien vous
  en obtiendrez à l’avance. Insérez un nouveau <strong>Groupe répété</strong> depuis le menu du bloc, ou sélectionnez une série de champs
  existants et choisissez <strong>Créer un groupe répété</strong>.
</p>

<p>
  Pour le guide complet — construire des groupes, les remplir, et comment les entrées apparaissent dans les réponses — voir{' '}
  <a href="/fr/building-forms/repeating-groups">Groupes répétables</a>.
</p>

<h2 id="thank-you-page">Page de remerciement</h2>

<p>
  Chaque formulaire dispose d’une <strong>page de remerciement</strong> — toujours la dernière page. C’est ce que les répondants voient
  après avoir envoyé leur réponse. Personnalisez-la avec des titres, des images, des liens et des réponses intégrées — ou redirigez vers une
  URL externe à la place.
</p>

<p>
  Pour le guide complet, voir <a href="/fr/building-forms/custom-thank-you">Page de remerciement personnalisée</a>.
</p>

<h2 id="next-steps">Prochaines étapes</h2>
<div class="not-prose grid gap-3 sm:grid-cols-2">
  - [Types de questions](/fr/building-forms/field-types) — Chaque type de question et quand l’utiliser
  - [Logique conditionnelle](/fr/building-forms/conditional-logic) — Afficher, masquer et brancher selon les réponses
  - [Groupes répétables](/fr/building-forms/repeating-groups) — Laissez les répondants ajouter autant d’entrées qu’ils le souhaitent
  - [Blocs de contenu](/fr/building-forms/content-blocks) — Images, vidéos, intégrations et texte enrichi
</div>
