Sections et formulaires à étapes

Un long formulaire est plus facile quand les questions sont regroupées. Voici ce qui fonctionne aujourd’hui.

Dans l’application : les sections

Ajoutez des sections dans le Constructeur, puis renommez-les ou réordonnez-les sous Parcours. Sur une page hébergée ou une intégration par script, toutes les sections s’affichent ensemble sur une page, chacune avec son titre.

Les formulaires hébergés à étapes, avec boutons Suivant et Retour et barre de progression, s’en viennent. Afficher ou masquer une section entière selon une réponse n’est pas encore enregistré : utilisez des conditions sur les champs qu’elle contient.

Avec le SDK ou l’API : vos propres étapes

Si vous bâtissez votre propre interface, vous pouvez afficher une section à la fois. Le schéma public présente chaque section comme une étape, et Formerie vérifie une étape sur le serveur.

npm install @formerie/client

pnpm add @formerie/client

yarn add @formerie/client

bun add @formerie/client

import { FormerieRuntimeClient } from "@formerie/client";

const forms = new FormerieRuntimeClient();

const check = await forms.validate("example.com", "intake", {
  step: "your-project",
  fields: answers,
});

Votre code s’occupe des changements de page, de la progression et de la conservation des réponses entre les étapes. La vérification d’une étape ne stocke rien et n’envoie aucun courriel. Le submit() final valide de nouveau tout le formulaire, et c’est ce résultat qui compte. Consultez Validation pour la structure de la réponse.