Éditeur simplifié vs éditeur avancé
Unisoft propose deux éditeurs distincts pour composer le contenu d'un formulaire. Le choix se fait à la création (et peut être modifié plus tard dans la configuration), et détermine ensuite quelle interface s'ouvre quand vous cliquez sur Modifier le Contenu du Formulaire depuis la fiche.
Tableau de comparaison
| Critère | Éditeur Simplifié (recommandé) | Éditeur Avancé |
|---|---|---|
| Public visé | Tout le monde | Utilisateurs aguerris ou besoins spécifiques |
| Interface | Liste verticale de champs avec drag-and-drop | Interface de mise en page libre type éditeur visuel |
| Mise en page | Liste linéaire (un champ par ligne) | Sections, colonnes, blocs côte à côte |
| Multilingue | Oui, à chaque champ | Oui |
| Conditions (afficher / masquer un champ) | Non (limité aux validations natives) | Oui (logique conditionnelle complète) |
| CSS personnalisé | Non | Oui |
| Validation regex avancée | Non | Oui |
| Champs réutilisables (Block Forms) | Oui (champ Block Form dédié) | Oui |
| Vitesse de prise en main | Quelques minutes | Plusieurs heures |
L'éditeur Simplifié (recommandé)
C'est le choix par défaut et le choix recommandé par Unisoft pour la grande majorité des cas.
Comment ça marche
L'éditeur affiche votre formulaire comme une liste verticale de champs. Pour chaque champ vous voyez :
- Une poignée à gauche (icône grip-vertical) pour réordonner par drag-and-drop
- Un sélecteur de type au centre (regroupé par catégorie : Classique, CRM, Don, Autres)
- Une icône poubelle à droite pour supprimer
- Sous le sélecteur, le panneau de configuration du champ (label, obligatoire, options spécifiques)
Ajoutez de nouveaux champs avec le bouton dédié en bas de la liste. Chaque modification est sauvegardée explicitement via Enregistrer les modifications en haut.
Modules disponibles
Les champs sont regroupés en quatre catégories.
Classique
| Champ | Usage |
|---|---|
| Champ Texte | Saisie texte libre (commentaire, motivation) |
| Liste déroulante | Choix unique parmi plusieurs options |
| Case à cocher | Acceptation d'une condition, choix oui/non |
| Champ Document | Téléchargement d'un fichier (Image, PDF ou ZIP) |
| Titre | Texte de séparation (5 tailles : Très Grand → Très Petit) |
CRM
| Champ | Usage |
|---|---|
| Champ Contact | Mise à jour de la fiche contact (au-delà de l'identité standard) |
| Champ Enfant | Ajout d'un ou plusieurs enfants à la soumission |
| Champ Hazkara | Mémoire pour un défunt (yahrzeit) |
Don
| Champ | Usage |
|---|---|
| Montant Libre | Le visiteur saisit lui-même le montant à régler (active le paiement automatiquement si pas déjà actif) |
Autres
| Champ | Usage |
|---|---|
| Block Form | Inclusion d'un module réutilisable préalablement créé. Voir Block Forms |
Voir Champs disponibles pour le détail de chaque champ.
Quand le choisir ?
- Vous voulez créer un formulaire rapidement
- Votre formulaire est une liste simple de questions (sondage, inscription, formulaire de contact)
- Vous n'avez pas besoin d'afficher des champs côte à côte
- Vous n'avez pas besoin de logique conditionnelle complexe
- Vous voulez pouvoir modifier facilement le formulaire à l'avenir
L'éditeur Avancé
Pour les besoins spécifiques de mise en page ou de logique conditionnelle.
Ce qu'il ajoute par rapport au simplifié
- Sections et colonnes : organiser les champs en deux ou trois colonnes côte à côte, créer des sections visuelles avec fonds colorés
- Logique conditionnelle : afficher ou masquer un champ en fonction d'une réponse précédente
- Styles CSS personnalisés : ajuster finement l'apparence (police, couleurs, espacements)
- Validations regex avancées : forcer un format précis sur un champ (immatriculation, code postal, identifiant local)
- Tous les champs simples + des champs additionnels disponibles uniquement dans cet éditeur
Comment ça marche
L'éditeur s'ouvre dans une page dédiée (pas en modal) avec un panneau d'outils, un canevas de mise en page et un panneau de propriétés. Vous travaillez bloc par bloc en composant la page librement.
Quand le choisir ?
- Vous avez besoin de deux colonnes côte à côte (par exemple : adresse de facturation à gauche, adresse de livraison à droite)
- Votre formulaire a beaucoup de questions et bénéficierait d'une mise en page visuelle
- Vous avez besoin de conditions : « afficher la question X seulement si la réponse à Y est Oui »
- Vous avez besoin d'une validation regex personnalisée
- Vous êtes à l'aise avec les éditeurs visuels (type Wix, Webflow, Mailchimp)
Comment basculer entre les deux
Le choix se fait dans la configuration du formulaire, à l'onglet Obligatoire de l'assistant.
- 1
Ouvrir la fiche du formulaire
Depuis la liste (
/app/forms/list), cliquez sur l'icône œil d'une ligne pour ouvrir la fiche. - 2
Cliquer sur « Modifier la Configuration du Formulaire »
Bouton dans le sub-header de la fiche. L'assistant s'ouvre en modal.
- 3
Onglet Obligatoire
Modifiez le sélecteur Type d'editeur : Editeur Simplifié (Recommandé) ou Editeur Avancé.
- 4
Naviguer jusqu'à la fin et valider
Cliquez sur Continuer jusqu'au dernier onglet, puis Valider.
Effet sur le bouton « Modifier le Contenu »
Sur la fiche du formulaire, le bouton Modifier le Contenu du Formulaire ouvre :
| Type d'editeur choisi | Ce que le bouton ouvre |
|---|---|
| Simplifié | Une fenêtre modale avec l'éditeur drag-and-drop (vous restez dans le contexte de la fiche) |
| Avancé | Une page dédiée d'édition visuelle (avec retour automatique vers la fiche en sortie) |
Aucun risque de confusion : le bouton fait toujours le bon choix selon votre configuration.
Recommandation
Commencez toujours par l'éditeur simplifié. Ne passez à l'éditeur avancé que si vous tombez sur une limite concrète (besoin d'afficher des champs côte à côte, besoin d'une condition, validation regex spécifique). Pour les évolutions ultérieures, le simplifié reste beaucoup plus facile à maintenir.