Le nœud Form de N8N permet de créer des formulaires personnalisés directement intégrés à vos workflows. Collectez des informations auprès de vos utilisateurs, déclenchez des automatisations à la soumission, et traitez les données en temps réel. Ce guide vous accompagne dans la configuration complète du nœud Form : types de champs disponibles, authentification, personnalisation visuelle, et passage en production.
Qu’est-ce que le nœud Form ?
Le nœud Form est un trigger N8N qui génère un formulaire web accessible via une URL. Lorsqu’un utilisateur remplit et soumet le formulaire, les données sont envoyées au workflow qui peut ensuite les traiter, les stocker, envoyer des notifications, ou déclencher d’autres actions automatisées.
Contrairement à un formulaire classique qui nécessite un site web et un backend, le nœud Form fournit tout en un : l’interface utilisateur, la collecte des données, et le déclenchement du workflow. Vous obtenez deux URLs : une pour les tests pendant le développement, et une URL de production à partager avec vos utilisateurs.
Configurer les paramètres de base
Authentification
Le premier réglage détermine si votre formulaire est protégé par un mot de passe. Deux options sont disponibles :
- None : le formulaire est accessible à quiconque possède l’URL. Adapté aux formulaires publics de contact ou d’inscription.
- Basic Auth : l’utilisateur doit saisir un identifiant et un mot de passe pour accéder au formulaire. Idéal pour des formulaires internes ou sensibles.
Si vous choisissez Basic Auth, créez un nouveau credential en cliquant sur Create New Credential. Renseignez un nom d’utilisateur et un mot de passe, puis donnez un nom explicite au credential (exemple : « Form Contact – Auth »).
Titre et description
Le champ Form Title définit le titre affiché en haut du formulaire. Le champ Form Description ajoute un texte explicatif sous le titre. Utilisez la description pour guider l’utilisateur : « Remplissez ce formulaire pour nous contacter. Nous vous répondrons sous 24h. »
Les types de champs disponibles
La section Form Elements permet d’ajouter les champs de votre formulaire. Chaque champ possède un nom (label), un type, et des options spécifiques.
Text : champ texte simple
Le type Text crée un champ de saisie sur une ligne. Idéal pour les noms, prénoms, ou informations courtes. Vous pouvez définir un Placeholder (texte d’indication affiché avant la saisie) et cocher Required Field si le champ est obligatoire.
Textarea : texte multiligne
Le type Textarea permet la saisie de textes longs sur plusieurs lignes. Utilisez-le pour les messages, descriptions, résumés, ou tout contenu volumineux.
Email : adresse email
Le type Email valide automatiquement le format de l’adresse email saisie. Si l’utilisateur entre une adresse invalide, le formulaire affiche une erreur.
Number : valeur numérique
Le type Number accepte uniquement des valeurs numériques. L’interface affiche des flèches pour incrémenter ou décrémenter la valeur. Utile pour les âges, quantités, ou montants.
Date : sélection de date
Le type Date affiche un sélecteur de date avec calendrier. L’utilisateur peut saisir manuellement ou cliquer pour choisir visuellement. Le format retourné est standardisé (YYYY-MM-DD).
Dropdown List : liste déroulante
Le type Dropdown List propose une liste de choix prédéfinis. Ajoutez vos options dans le champ List. Vous pouvez autoriser la sélection multiple en cochant l’option correspondante.
File : upload de fichier
Le type File permet à l’utilisateur d’envoyer un fichier. Configurez les extensions autorisées dans le champ dédié (exemple : .pdf, .jpg, .png). Vous pouvez autoriser l’envoi de plusieurs fichiers. Le fichier est accessible dans le workflow via l’onglet « Binary » du nœud suivant.
Password : mot de passe
Le type Password masque la saisie avec des points. Utilisez-le pour collecter des mots de passe ou des informations sensibles que l’utilisateur ne souhaite pas afficher à l’écran.
Hidden Field : champ caché
Le type Hidden Field n’est pas visible par l’utilisateur mais transmet une valeur au workflow. Utile pour passer des identifiants, des sources de trafic, ou des informations de contexte.
Configurer le comportement à la soumission
Respond When
Ce réglage détermine quand l’utilisateur reçoit la confirmation de soumission :
- Form is submitted : la confirmation s’affiche immédiatement après le clic sur le bouton. Le workflow s’exécute en arrière-plan.
- Workflow finishes : la confirmation s’affiche uniquement une fois le workflow terminé. Permet de confirmer que le traitement a bien eu lieu.
Message de confirmation
Dans les options, le champ Form Submitted Text définit le message affiché après soumission. Exemple : « Votre demande a été prise en compte. Nous vous contacterons sous 24h. »
Redirection après soumission
L’option Redirect URL permet de rediriger l’utilisateur vers une autre page après soumission. Renseignez l’URL complète (exemple : votre page de remerciement ou votre site web).
Personnaliser l’apparence
Button Label
Modifiez le texte du bouton de soumission avec l’option Button Label. Par défaut « Submit », vous pouvez le personnaliser : « Envoyer ma demande », « Valider », « S’inscrire ».
Form Path
L’option Form Path personnalise la fin de l’URL. Par défaut, N8N génère un identifiant technique. Remplacez-le par un slug lisible : « demande-de-contact », « inscription-newsletter ». L’URL de production devient plus professionnelle et mémorisable.
Custom Form Styling
L’option Custom Form Styling permet d’injecter du CSS personnalisé. Modifiez les variables de couleur, de taille de texte, d’espacement pour adapter le formulaire à votre charte graphique. Ne modifiez que les valeurs, pas les noms des variables CSS.
N8N Attribution
L’option Append N8N Attribution ajoute un petit message « Powered by N8N » en bas du formulaire. Désactivez-la si vous souhaitez un formulaire sans mention de l’outil.
Tester le formulaire
Mode test
Cliquez sur Test Step ou sur l’URL de test pour ouvrir le formulaire en mode développement. Remplissez les champs et soumettez. Le workflow s’exécute et vous pouvez vérifier les données reçues dans les nœuds suivants.
Attention : en mode test, le formulaire a un timeout. Si vous êtes trop lent à remplir, la connexion expire et vous devez relancer le test. Ce comportement n’existe pas en production.
Vérifier les données reçues
Les données du formulaire sont accessibles dans le nœud suivant. Vous y trouvez :
- Tous les champs remplis par l’utilisateur avec leurs valeurs
- Les fichiers uploadés dans l’onglet Binary
- Les métadonnées du fichier (nom, type MIME, taille)
- La date de soumission et le mode (test ou production)
Passez en vue JSON pour voir toutes les données détaillées, notamment les textes longs tronqués en vue schéma.
Passer en production
Pour que l’URL de production soit accessible, votre workflow doit être activé (toggle en haut à droite de l’éditeur). Un workflow inactif retourne une erreur « Problème pour charger le formulaire » sur l’URL de production.
Une fois activé, partagez l’URL de production avec vos utilisateurs. Si vous avez configuré une authentification Basic Auth, communiquez également les identifiants.
Options supplémentaires
- Ignore Bots : filtre les soumissions automatisées par des bots. Active une protection anti-spam basique.
- Use Workflow Timezone : utilise le fuseau horaire configuré dans N8N pour les timestamps. Recommandé pour avoir des dates cohérentes avec votre localisation.
Cas d’usage du nœud Form
- Formulaire de contact : collectez les demandes et envoyez automatiquement un email de confirmation + une notification Slack à votre équipe.
- Inscription newsletter : ajoutez automatiquement les emails dans votre outil de mailing (Mailchimp, Brevo, etc.).
- Collecte de leads : stockez les informations dans un CRM ou une base de données, puis déclenchez une séquence de nurturing.
- Demande de devis : recevez les détails du projet et générez automatiquement un devis PDF envoyé par email.
- Formulaire interne : créez des formulaires protégés pour vos équipes (demandes de congés, rapports d’incidents, etc.).
Pourquoi l'URL de production d'un formulaire N8N affiche une erreur 'Problème pour charger le formulaire' ?
Conclusion
Le nœud Form est un outil puissant pour collecter des données utilisateur sans avoir besoin d’un site web ou d’un backend dédié. En quelques clics, vous créez un formulaire complet avec validation, upload de fichiers, et personnalisation visuelle. Les données soumises déclenchent directement votre workflow pour un traitement automatisé.
Le point clé à retenir : n’oubliez pas d’activer votre workflow avant de partager l’URL de production. Pour aller plus loin, explorez nos autres ressources N8N ou contactez notre équipe pour concevoir des formulaires intelligents adaptés à vos besoins métier.
Le nœud Form propose plusieurs types de champs : Text (texte court), Textarea (texte long multiligne), Email (avec validation de format), Number (valeur numérique), Date (sélecteur de calendrier), Dropdown List (liste déroulante), File (upload de fichier), Password (saisie masquée), Hidden Field (champ invisible), et Custom HTML pour des besoins spécifiques.
Dans les paramètres du nœud Form, sélectionnez ‘Basic Auth’ dans le champ Authentication. Créez ensuite un nouveau credential en cliquant sur ‘Create New Credential’, renseignez un nom d’utilisateur et un mot de passe, puis sauvegardez. Les utilisateurs devront s’authentifier pour accéder au formulaire.
Utilisez l’option ‘Form Path’ dans les paramètres avancés du nœud. Remplacez l’identifiant technique généré par défaut par un slug lisible, par exemple ‘demande-de-contact’ ou ‘inscription-newsletter’. L’URL de production devient plus professionnelle et facile à mémoriser.
Les fichiers uploadés sont accessibles dans le nœud suivant via l’onglet ‘Binary’. Vous y trouvez le fichier lui-même ainsi que ses métadonnées : nom du fichier, type MIME, et taille. Vous pouvez ensuite stocker le fichier (Google Drive, S3), l’envoyer par email, ou le traiter selon vos besoins.
En mode test, N8N maintient une connexion active en attente de la soumission. Cette connexion a un timeout : si vous mettez trop de temps à remplir le formulaire, elle expire et vous devez relancer le test. Ce comportement n’existe pas en production où le formulaire reste accessible en permanence tant que le workflow est activé.
Dans les options du nœud Form, utilisez le champ ‘Redirect URL’. Renseignez l’URL complète vers laquelle rediriger l’utilisateur après soumission (votre site web, une page de remerciement, etc.). Cette option remplace le message de confirmation par une redirection automatique.
