Créer un formulaire

Ce guide pratique mène un formulaire tout neuf de rien à « prêt à publier » en environ trois minutes.

Ouvrez la boîte de dialogue de nouveau formulaire

Depuis la barre latérale, cliquez sur Formulaires. La vue de liste montre chaque formulaire que votre organisation a construit, en vue grille ou tableau (alternez dans l'en-tête). En haut à droite, cliquez sur Nouveau formulaire.

Vous verrez deux champs :

• Nom — comment vous l'appellerez en interne. Visible pour les administrateurs ; affiché aussi comme titre de page au public lorsqu'il ouvre le formulaire.
• Description (facultative) — court texte affiché sous le nom. Utile pour « Nous vous répondrons sous 48 heures » ou « Demandes de prière anonymes bienvenues. »

Le slug — la partie finale URL-safe du lien public du formulaire — est généré automatiquement à partir du nom. Vous pourrez le modifier plus tard dans le constructeur. Ainsi Demande de Prière devient demande-de-priere et le formulaire public vit à /form/demande-de-priere.

Cliquez sur Créer. GCM crée l'enregistrement du formulaire, vous fait entrer dans le constructeur, et amorce le formulaire avec une section vide appelée Section 1.

TIP

Le nom par défaut de la section Section 1 convient si votre formulaire n'a qu'une seule section — son étiquette est masquée sur le formulaire public lorsqu'il n'y en a qu'une. Renommez-la (ou ajoutez plus de sections) seulement quand vous en avez besoin.

La mise en page du constructeur

Le constructeur de formulaires est une page à trois régions :

• Barre d'outils du haut — retour, badge de statut, menu d'ajout de champ, ajouter une section, prévisualiser, bascule de publication, enregistrer
• Canvas de gauche — le formulaire lui-même : nom, description, slug, puis sections contenant des cartes de champ déplaçables
• Panneau de droite — sensible au contexte : affiche les paramètres au niveau du formulaire quand rien n'est sélectionné, les paramètres au niveau du champ quand vous cliquez sur un champ

L'ensemble est convivial au clavier. Ctrl+S (ou Cmd+S sur Mac) enregistre à tout moment. Le badge Non enregistré dans la barre d'outils vous indique quand vous avez des modifications en attente.

Ajoutez votre premier champ

Dans la barre d'outils, cliquez sur + Champ. Vous obtiendrez un menu déroulant listant les 17 types de champ (consultez le catalogue des types de champ pour voir ce que chacun fait). Choisissez-en un — disons, Text pour un champ « Votre nom ».

Le nouveau champ apparaît dans la section. Il est automatiquement sélectionné et le panneau de droite bascule vers les paramètres du champ. À partir d'ici, vous pouvez :

• Définir le Libellé (ce que le visiteur voit au-dessus du champ)
• Définir le Placeholder (texte grisé à l'intérieur du champ, avant qu'il ne saisisse)
• Définir le Texte d'aide (petite mention sous le champ)
• Activer Obligatoire
• Définir la Largeur — complète, moitié, ou tiers (n'a d'effet que sur ordinateur ; le mobile est toujours en pleine largeur)
• Pour les champs saisis (text, number, file), ouvrez la section Validation pour ajouter une longueur min/max, valeur min/max, types de fichiers autorisés, ou une taille maximale de fichier

Chaque type de champ n'expose que les paramètres qui ont du sens pour lui — un champ Heading n'a pas de bascule obligatoire, un champ Number n'a pas de longueur max mais a un pas, un champ File-upload a ses propres paramètres d'extension et de taille.

Ajoutez plus de champs, glissez pour réordonner

Répétez le flux d'ajout de champ pour chaque question de votre formulaire. Glissez une carte de champ par sa poignée pour :

• Réordonner dans la section actuelle
• La déplacer dans une autre section

Glissez la poignée d'une section pour réordonner des sections entières. Si vous glissez un champ sur une section vide, il s'enclenchera dans l'emplacement vide de la section. Si vous le glissez sur une autre section alors qu'il y a déjà du contenu, il s'insère à la position où vous le déposez.

Sections — quand les utiliser

Une section est un groupe étiqueté de champs. Utilisez des sections lorsque :

• Vous avez un long formulaire (10+ champs) et voulez le découper visuellement
• Vous collectez différents types d'infos (par exemple « Vos coordonnées » + « Votre demande de prière » + « Comment pouvons-nous faire un suivi ? »)
• Vous allez utiliser le même formulaire pour différents types de soumissions et voulez que chaque bloc semble optionnel

Cliquez sur + Section dans la barre d'outils pour en ajouter une. Cliquez sur le titre de la section pour la renommer. Cliquez sur l'icône de corbeille pour la supprimer — si une section contient des champs, les champs montent vers la section au-dessus (ou la première section restante) au lieu d'être supprimés avec elle.

Prévisualisez avant de publier

Cliquez sur Prévisualiser dans la barre d'outils pour voir le formulaire exactement comme le public le verra. La prévisualisation est une modale — aucune soumission réelle ne se produit, mais chaque champ est interactif, la validation s'exécute, et vous pouvez voir si vos largeurs et votre mise en page semblent correctes.

La prévisualisation reprend également la couleur de marque de votre église, donc ce que vous voyez est ce que vos visiteurs verront (à un éventuel CSS personnalisé près sur une page du constructeur de sites web).

Enregistrez votre brouillon

Cliquez sur Enregistrer (ou appuyez sur Ctrl/Cmd+S). Si vous n'avez pas encore donné de nom au formulaire, vous obtiendrez une erreur. Si vous avez un slug qui contient des caractères illégaux (autre chose que des lettres minuscules, des chiffres et des tirets), vous obtiendrez une erreur différente vous pointant vers le champ du slug.

Une fois enregistré, le badge Non enregistré se vide et le formulaire est stocké en toute sécurité. Vous pouvez quitter le constructeur, revenir demain, et reprendre exactement où vous vous êtes arrêté.

Publier

Quand vous êtes prêt à partager le formulaire avec le public, cliquez sur Publier dans la barre d'outils. Le badge de statut passe de draft à published et une bannière verte apparaît en haut du canvas affichant l'URL à partager. Cette URL est désormais en ligne — quiconque y accède verra le formulaire.

Pour le retirer plus tard, cliquez sur Dépublier. L'URL renvoie à nouveau un 404, mais tout le reste — champs, paramètres, soumissions passées — reste en place.

WARNING

Changer le slug après publication casse tous les liens que vous avez déjà partagés. Choisissez un slug avec soin, et une fois qu'il est imprimé sur un bulletin ou publié sur les réseaux sociaux, n'y touchez plus.