Configuration des champs

Chaque champ d'un formulaire a les mêmes quatre sections de configuration dans le panneau de droite : Type Options (spécifique au type de champ), Basic (libellé, placeholder, texte d'aide), Validation (obligatoire + règles par type), et Appearance (largeur). Cliquez sur n'importe quelle carte de champ dans le constructeur pour les ouvrir.

Basic

Ce bloc est identique pour chaque type de champ.

Libellé

Le texte affiché au-dessus du champ. Visible pour le visiteur. Obligatoire — le formulaire ne s'enregistrera pas avec un libellé vide sur un champ non-affichage.

Placeholder

Indice de texte gris à l'intérieur de l'entrée avant que le visiteur ne saisisse. Non affiché pour les cases à cocher, boutons radio, téléversements de fichier, évaluations, champs cachés, en-têtes ou séparateurs — ceux-ci n'ont pas de boîte d'entrée où placer un texte indice.

Texte d'aide

Une ligne plus petite de texte sous l'entrée. Utilisez-la pour des exemples (« ex. +33 1 23 45 67 89 »), des clarifications (« Facultatif — ne remplissez que si pertinent »), ou de courtes instructions (« Photos sous 5 Mo ; JPG ou PNG »).

Non affiché pour les séparateurs.

Validation

Vous permet de resserrer ce qui compte comme une réponse valide. Différents types de champ exposent différents contrôles.

Obligatoire (tous les champs d'entrée)

Activez pour forcer le visiteur à remplir le champ. Les champs obligatoires vides affichent une erreur en ligne et empêchent la soumission.

Les en-têtes et séparateurs n'ont pas de bascule obligatoire — ils sont uniquement d'affichage.

Pour une case à cocher unique (un oui/non sans options), obligatoire signifie « doit être cochée ». Donc une case « J'accepte d'être contacté » avec obligatoire activé bloquera la soumission si non cochée.

Text / Textarea

• Min length — la soumission doit faire au moins ce nombre de caractères
• Max length — la soumission ne peut pas dépasser ce nombre de caractères

Laissez l'un ou l'autre vide pour ignorer cette vérification.

Number

• Min — le nombre doit être ≥ ceci
• Max — le nombre doit être ≤ ceci
• Step — granularité (par ex. 1 pour les entiers, 0.5 pour les demis, 0.01 pour deux décimales)

File upload

• Allowed file types — choisissez des groupes prédéfinis (PDF, Images, Documents, Spreadsheets) et/ou listez des extensions personnalisées comme .dwg, .ai, .zip
• Max file size (MB) — entre 1 et 100

Les téléversements qui échouent à l'une ou l'autre vérification sont rejetés côté client avant que le formulaire ne soit soumis — le visiteur voit l'erreur et peut choisir un autre fichier sans perdre le reste du formulaire.

Rating

• Max stars — curseur de 1 à 10. 5 par défaut.

Un champ de notation obligatoire rejette la soumission si le visiteur le laisse à zéro étoile.

Type Options

Le bloc spécifique au type de champ. Il n'apparaît que pour les types de champ qui ont des paramètres spécifiques au type.

Select / Multi-select / Radio / Checkbox-with-options

Modifiez la liste d'options. Chaque ligne a un label (ce que voit le visiteur) et une value (ce qui est stocké). Glissez les lignes pour réordonner ; cliquez sur l'icône de corbeille pour supprimer ; cliquez sur + Add option pour ajouter une nouvelle ligne.

Quand vous ajoutez pour la première fois un champ de choix, GCM amorce une option par défaut (Option 1 / option_1) afin que le formulaire ne soit pas cassé avant que vous n'ayez rien rempli.

Heading

• Heading level — H2, H3, ou H4. Affecte la taille et le poids de la police ; n'affecte pas le sens sémantique au-delà du CSS.

File upload

(également affiché dans le bloc Type Options aux côtés de Validation — mêmes contrôles que ceux documentés ci-dessus)

Hidden

• Default value — ce qui est soumis avec le formulaire. Visible uniquement par les administrateurs consultant la soumission.

Appearance

Largeur

Définit l'espace horizontal que prend le champ sur ordinateur. Trois options :

• Full — pleine largeur du formulaire
• Half — 50 % (associez deux champs demi-largeur côte à côte)
• Third — 33 % (trois champs sur une ligne)

Sur mobile, chaque champ s'affiche en pleine largeur quel que soit ce paramètre. La grille ne s'active qu'au point de rupture sm de Tailwind (640 px et plus).

Une petite barre de prévisualisation sous les boutons montre à quoi ressemblera la mise en page — trois segments fins pour le tiers, deux pour la moitié, un pour complet.

Sections

Les sections sont configurées au niveau de la section, pas au niveau du champ. Cliquez n'importe où sur l'en-tête de section qui n'est pas le titre de la section et vous obtenez son propre petit contexte — titre, description, poignée de glissement, bouton de suppression.

Utilisez des sections pour :

• Grouper des champs liés — les visiteurs traitent le formulaire plus vite quand il est découpé
• Afficher différents en-têtes — les libellés de section ne s'affichent sur le formulaire public que lorsqu'il y a plus d'une section, donc un formulaire mono-section est « sans tête » par conception
• Réordonner de grands blocs — glissez une section pour échanger sa position avec une autre ; les champs la suivent

Pour supprimer une section, cliquez sur l'icône de corbeille dans son en-tête. Si la section contenait des champs, ils sont sauvés — ils montent vers la section immédiatement au-dessus (ou vers la première section restante si vous avez supprimé celle du haut). Le formulaire refusera de supprimer votre dernière section restante afin que vous ayez toujours un endroit où les champs peuvent vivre.

Paramètres au niveau du formulaire

Cliquez n'importe où sur le canvas en dehors d'un champ, ou cliquez sur le bouton de fermeture du panneau de configuration des champs, et le côté droit bascule vers Paramètres du formulaire :

Paramètre	Ce qu'il fait
Form ID	UUID. Lecture seule. Utilisez ceci si vous accédez directement à l'API du formulaire ou si vous référencez le formulaire dans un déclencheur de flux de travail. Cliquez sur l'icône de copie pour le récupérer.
Submit button text	Remplace le « Submit » par défaut — par ex. « Envoyer ma demande de prière ». Le bouton de prévisualisation se met à jour pendant que vous saisissez.
Success message	Texte affiché après la soumission. Par défaut « Merci pour votre soumission ! »
Redirect URL	S'il est défini, le formulaire redirige vers cette URL 1,5 seconde après le succès (au lieu de rester sur le message de succès indéfiniment).
Notification emails	Un e-mail par ligne. Validé pour le format approprié. À lui seul ne fait rien — voir l'avertissement ci-dessous.
Require authentication	S'il est activé, seuls les administrateurs connectés peuvent soumettre. La plupart des formulaires laissent ceci désactivé.
Allow multiple submissions	S'il est désactivé, le même visiteur ne peut soumettre qu'une seule fois (suivi par empreinte de navigateur). Activé par défaut.
Max submissions	Limite le nombre total de soumissions que le formulaire acceptera. Au-delà de la limite, le formulaire renvoie « Soumissions fermées ». Vide signifie illimité.

Les e-mails de notification nécessitent un flux de travail

Le champ d'e-mails de notification enregistre les adresses mais n'envoie rien par lui-même. Pour envoyer une vraie notification, construisez un flux de travail avec le déclencheur form.submitted filtré sur ce formulaire, et utilisez une action Envoyer e-mail. Voir Intégration avec les flux de travail.