Comment creer un formulaire dans n8n avec le noeud Form

Le noeud Form de n8n permet de creer des formulaires HTML accessibles par URL, directement integres dans un workflow. Chaque soumission declenche le workflow avec les donnees saisies par l'utilisateur. Le formulaire dispose de deux URL : une de test (utilisable pendant le developpement) et une de production (accessible sans connexion a n8n, a condition que le workflow soit active). Ce guide couvre la configuration complete : types de champs, authentification, personnalisation visuelle et exploitation des donnees soumises.

Points cles

• 10 types de champs disponibles : texte, email, nombre, date, mot de passe, fichier, liste deroulante, zone de texte, champ cache, HTML personnalise
• Authentification optionnelle par identifiant/mot de passe (Basic Auth)
• URL de production personnalisable (form path) pour une URL lisible
• Mode de reponse : immediate ou apres la fin du workflow
• Fichiers joints accessibles en binaire dans les noeuds suivants
• Personnalisation CSS integree (couleurs, tailles, espacements)

Ajouter le noeud Form dans un workflow

Dans l'interface n8n, ajouter un nouveau noeud et chercher "Form" dans la categorie Trigger. Selectionner "On form submission". Le panneau de configuration s'ouvre avec deux onglets : Parameters (configuration du formulaire) et Settings (note, affichage dans le workflow). L'onglet Settings permet d'ajouter une note descriptive sous le noeud pour ameliorer la lisibilite du workflow.

Configurer l'authentification

Le champ Authentication propose trois options : None (acces libre avec l'URL), Basic Auth (identifiant + mot de passe requis) et Header Auth. Pour un formulaire interne ou sensible, activer Basic Auth et creer un credential avec un nom d'utilisateur et un mot de passe. Le visiteur devra s'authentifier avant d'acceder au formulaire. Pour un formulaire public (contact, inscription), laisser sur None.

Definir les champs du formulaire

La section Form Elements liste les champs que le visiteur devra remplir. Chaque champ a un type, un libelle et des options :

• Text : champ texte court (nom, prenom, sujet). Le plus courant
• Email : champ avec validation d'email integree
• Number : champ numerique (age, quantite). Fleches d'increment integrees
• Date : selecteur de date avec calendrier
• Dropdown : liste deroulante avec choix predetermine. Option multi-selection disponible
• Textarea : zone de texte multi-lignes pour les contenus longs (messages, descriptions)
• File : envoi de fichier. Filtrage par extension possible (jpg, png, pdf). Le fichier est accessible en binaire dans les noeuds suivants
• Password : champ masque pour les mots de passe
• Hidden : champ invisible dans le formulaire, utile pour transmettre des valeurs techniques
• Custom HTML : injection de code HTML personnalise dans le formulaire

Chaque champ peut etre marque comme obligatoire (Required Field). Un placeholder peut etre defini pour guider l'utilisateur.

Options de reponse et personnalisation

Le parametre "Respond When" determine quand le visiteur recoit la confirmation : "Form Is Submitted" (reponse immediate) ou "Workflow Finishes" (attente de la fin du workflow). La deuxieme option est utile quand le workflow effectue un traitement avant de confirmer. Les options supplementaires incluent :

• Button Label : texte du bouton de soumission (ex: "Envoyer votre demande")
• Form Path : chemin personnalise pour l'URL de production (ex: "demande-de-contact" au lieu de l'ID technique)
• Form Response Text : message affiche apres soumission ("Votre demande a ete prise en compte")
• Redirect URL : redirection vers une autre page apres soumission
• Custom CSS : modification des variables CSS du formulaire (couleurs, tailles de texte, espacements)
• Use Workflow Timezone : utiliser le fuseau horaire du workflow (ex: Europe/Paris)

Tester et passer en production

En mode test, le formulaire est accessible via l'URL de test pendant que le workflow est en ecoute. Attention : en test, un delai d'inactivite est applique - le formulaire doit etre rempli assez rapidement. En production, cette limite n'existe pas. Pour activer l'URL de production, le workflow doit etre active (toggle en haut a droite de l'interface). Sans activation, l'URL de production retourne une erreur. Les donnees soumises sont accessibles dans les noeuds suivants via le schema JSON (mode Schema ou JSON dans l'editeur).