Formulaires en plusieurs étapes, colonnes et onglets

Divisez un formulaire WEMASY en étapes et organisez les champs en colonnes, onglets et groupes avec le créateur de formulaires.

Brouillon

Les formulaires longs sont plus faciles à remplir quand on les découpe. Les champs de Mise en page du créateur de formulaires WEMASY vous permettent de placer des champs côte à côte en colonnes, de les regrouper, de les répartir sur des onglets, ou de transformer le formulaire en étapes avec une barre de progression. Les champs de mise en page contiennent d'autres champs et peuvent être placés les uns dans les autres.

Les champs de mise en page

  • Groupe de champs : un conteneur pour des champs qui vont ensemble, comme une adresse.
  • Disposition en colonnes : des champs côte à côte, par exemple le prénom et le nom.
  • Conteneur d'onglets : des champs répartis sur des onglets entre lesquels le visiteur clique.
  • Conteneur d'étapes : un formulaire en plusieurs étapes avec suivi de progression et boutons suivant et précédent.

La catégorie Mise en page dans la barre latérale des champs avec Disposition en colonnes, Conteneur d'onglets et Conteneur d'étapes

Placer des champs en colonnes

  1. Ouvrez le formulaire dans le Créateur de formulaires.
  2. Glissez Disposition en colonnes depuis la catégorie Mise en page vers la zone de travail.
  3. Cliquez sur la disposition en colonnes et choisissez le Nombre de colonnes, ou utilisez Ajouter une colonne et Supprimer une colonne.
  4. Glissez un champ dans chaque colonne.

Cochez Activer le retour à la ligne flexible pour que les colonnes passent les unes sous les autres sur les petits écrans.

Deux champs de formulaire côte à côte dans une disposition en colonnes

Créer un formulaire en plusieurs étapes

  1. Glissez Conteneur d'étapes vers la zone de travail.
  2. Cliquez sur le conteneur d'étapes pour ouvrir ses propriétés.
  3. Cliquez sur Ajouter une étape pour chaque étape dont vous avez besoin et donnez à chacune un Titre de l'étape.
  4. Glissez les champs de chaque étape dans cette étape.
  5. Choisissez l'Emplacement de la barre de progression : Haut ou Masquée.
  6. Réglez la navigation avec Activer la navigation du haut et Activer la navigation du bas, ainsi que les textes du Bouton Précédent et du Bouton Suivant.
  7. Placez le Bouton d'envoi dans la dernière étape.

Les propriétés d'un conteneur d'étapes dans le créateur de formulaires

Utiliser des onglets

  1. Glissez Conteneur d'onglets vers la zone de travail.
  2. Cliquez sur Ajouter un onglet pour chaque onglet et saisissez un Titre de l'onglet.
  3. Glissez des champs dans chaque onglet.

Un champ Bouton peut amener le visiteur vers une étape ou un onglet. Dans l'onglet Avancé du bouton, choisissez l'action Aller à l'étape ou Aller à l'onglet.

Validation dans les étapes

Les champs obligatoires et les règles de validation fonctionnent dans chaque conteneur. Lisez Champs obligatoires et règles de validation pour les configurer. Utilisez Prévisualisation dans le créateur pour parcourir toutes les étapes avant de publier.

Astuce : mettez les questions faciles dans la première étape. Les visiteurs qui ont commencé un formulaire sont plus susceptibles de le terminer.

Mettez-le en pratique
sur votre propre site.

Commencez gratuitement avec WEMASY et créez votre site en quelques minutes.