Premier workflow n8n en 30 minutes : tuto débutant complet

Tu veux te lancer dans n8n mais tu ne sais pas par où commencer ? Tu as ouvert l’interface, tu as vu une page blanche avec un bouton ”+”, et tu as refermé l’onglet ? Bienvenue au club. Tout le monde passe par là. Dans ce tutoriel, on va construire ensemble un workflow concret, utile, et qui marche du premier coup. En 30 minutes chrono.

L’objectif : quand quelqu’un remplit un formulaire de contact sur ton site, il reçoit automatiquement un email de confirmation, et toi tu reçois une notification Slack avec les infos du lead. C’est exactement le type de workflow que j’installe chez 70% de mes clients en première étape. Simple, mais qui change concrètement la vie.

Ce qu’il te faut avant de commencer

Avant de mettre les mains dans le moteur, prépare-toi ces 4 choses :

1. Un compte n8n : soit n8n cloud (essai gratuit 14 jours sur n8n.io), soit une instance self-hosted. Si tu débutes, prends le cloud. On migrera plus tard si besoin — j’en parle dans self-hoster n8n sur VPS.
2. Un compte Gmail ou un SMTP pour envoyer les emails.
3. Un workspace Slack avec les droits admin pour créer une app.
4. 30 minutes au calme, sans Slack qui sonne toutes les 2 minutes.

Si tu veux suivre exactement ce tuto, ouvre maintenant n8n dans un onglet et Slack dans un autre. On commence.

Étape 1 : créer un nouveau workflow (2 min)

Dans l’interface n8n, en haut à droite, clique sur ”+ Add Workflow”. Tu arrives sur un canvas vide avec un grand ”+” central.

Nomme ton workflow en haut : “Formulaire contact → Email + Slack”. Le nom est important, on le retrouve dans les logs et le monitoring.

Avant d’ajouter quoi que ce soit, va dans Settings (icône engrenage en haut à droite du workflow) et active ces options :

• Save manual executions : ON
• Save execution progress : ON
• Timezone : Europe/Paris

Ces réglages te sauveront la vie quand tu débuggeras dans 2 mois.

Étape 2 : ajouter le trigger formulaire (5 min)

Clique sur le grand ”+” central. Une liste de noeuds apparaît. Cherche “Form” et sélectionne “On form submission” (c’est un trigger natif de n8n depuis la version 1.20).

Tu arrives sur la config du form. Remplis :

• Form Title : “Contact WorkflowPro”
• Form Description : “On vous répond sous 24 h”
• Form Fields : ajoute 4 champs
  • Nom (Text, required)
  • Email (Email, required)
  • Téléphone (Text, optional)
  • Message (Textarea, required)

Tu cliques sur “Listen for Test Event” en bas du panneau. n8n te donne deux URLs :

• Test URL : à utiliser pendant le développement
• Production URL : à utiliser une fois activé

Copie la Test URL et ouvre-la dans un nouvel onglet. Tu vois ton formulaire. Remplis-le avec des données bidon (nom : Test, email : ton-email-test@gmail.com, etc.) et soumets.

Reviens sur n8n. Magic : le workflow a capté la soumission. Tu vois apparaître les données reçues dans la colonne de droite du noeud. Si tu ne vois pas, vérifie que tu as bien cliqué sur “Listen for Test Event” avant de soumettre.

Erreur courante : “Webhook not registered” — c’est que tu n’as pas cliqué sur “Listen”. Reclique et resoumets.

Étape 3 : envoyer l’email de confirmation (8 min)

Après le noeud Form, clique sur le ”+” qui apparaît. Cherche “Gmail” (ou “Send Email” si tu utilises un SMTP custom). Sélectionne “Send a message”.

Première fois que tu utilises Gmail dans n8n, tu dois créer une credential. Clique sur “Create New Credential” et suis le flow OAuth2 :

1. Connexion à ton compte Google
2. Autorisation des permissions
3. Validation

Une fois la credential active, configure le noeud :

• To : {{ $json.Email }}
• Subject : Merci {{ $json.Nom }}, j'ai bien reçu ta demande
• Email Type : HTML
• Message : copie ce template :

<p>Bonjour {{ $json.Nom }},</p>
<p>Merci de m'avoir contacté via WorkflowPro.</p>
<p>J'ai bien reçu ton message et je te réponds personnellement sous 24 h ouvrées.</p>
<p>En attendant, tu peux jeter un œil à mes <a href="https://workflowpro.fr/services">services</a> ou à mon <a href="https://workflowpro.fr/blog">blog</a>.</p>
<p>À très vite,<br>Etienne</p>

Sauvegarde le noeud (icône disquette en haut). Pour tester, clique sur “Execute Node” — l’email devrait partir vers l’adresse que tu as renseignée dans ton test.

Astuce : le {{ $json.Nom }} est de la syntaxe de templating n8n. Le $json représente les données qui sortent du noeud précédent. Si ton champ s’appelle “Nom” dans le formulaire, alors $json.Nom te donne sa valeur.

Erreur courante : “Undefined” dans l’email reçu — c’est que tu n’as pas utilisé le bon nom de champ. Vérifie la casse exacte (Nom ≠ nom).

Étape 4 : créer l’app Slack (5 min)

Ouvre un nouvel onglet et va sur api.slack.com/apps. Clique “Create New App” → “From scratch”.

• App name : “WorkflowPro Notifs”
• Workspace : choisis le tien

Tu arrives sur le dashboard de l’app. Dans le menu de gauche, clique sur “OAuth & Permissions”. Descends jusqu’à “Scopes” → “Bot Token Scopes” et ajoute :

• chat:write (envoyer des messages)
• chat:write.public (envoyer dans des channels publics où le bot n’est pas)

Remonte tout en haut, clique sur “Install to Workspace”, autorise. Tu obtiens un Bot User OAuth Token qui commence par xoxb-. Copie-le, on en aura besoin dans 30 secondes.

Reviens sur Slack, va dans le channel où tu veux recevoir les notifs (crée-en un dédié si besoin, type #leads-site). Invite ton app : tape /invite @WorkflowPro Notifs.

Étape 5 : envoyer la notif Slack (5 min)

Retour sur n8n. Après le noeud Gmail, clique sur le ”+”. Cherche “Slack” et sélectionne “Send a message”.

Crée une nouvelle credential Slack :

• Type : Access Token
• Access Token : colle le xoxb-... que tu as copié

Configure le noeud :

• Resource : Message
• Operation : Send
• Channel : #leads-site (avec le hashtag)
• Text : copie ce template :

:tada: *Nouveau lead* :tada:

*Nom :* {{ $('On form submission').item.json.Nom }}
*Email :* {{ $('On form submission').item.json.Email }}
*Téléphone :* {{ $('On form submission').item.json.Téléphone || 'Non renseigné' }}

*Message :*
> {{ $('On form submission').item.json.Message }}

_Reçu le {{ $now.format('dd/MM/yyyy à HH:mm') }}_

Attention à la syntaxe $('On form submission').item.json.Nom : on remonte explicitement au noeud “On form submission” parce que le noeud Gmail entre les deux ne porte plus toutes les données du formulaire. C’est une subtilité importante de n8n.

Sauvegarde, puis clique sur “Execute Node”. Va voir dans Slack — le message doit apparaître dans #leads-site.

Erreur courante : “channel_not_found” — c’est que tu as oublié le # devant le nom du channel, ou que ton app n’a pas été invitée dans le channel.

Étape 6 : activer le workflow (2 min)

Là tu es en mode “test”. Pour passer en production :

1. Clique en haut à droite sur le toggle “Inactive” → il passe à “Active”
2. Récupère la Production URL de ton noeud Form (différente de la Test URL)
3. C’est cette URL que tu dois mettre sur ton site, dans un iframe ou en redirection

Refais un test complet : remplis le form sur ton site avec la prod URL, vérifie que l’email arrive ET que Slack notifie. Si les deux fonctionnent, ton premier workflow n8n est en production. Bravo.

Étape 7 : ajouter de la robustesse (3 min)

Ton workflow marche. Mais en l’état, si Gmail tombe en panne ou si Slack ne répond pas, tu perds des leads sans le savoir. Ajoutons un filet de sécurité minimal.

Sur chaque noeud (Gmail et Slack), va dans l’onglet “Settings” du noeud et configure :

• Continue on Fail : ON
• Retry On Fail : ON
• Max Tries : 3
• Wait Between Tries : 2000 (2 secondes)

Avec ça, si une API plante temporairement, n8n retente automatiquement 3 fois. Si tout échoue, le workflow ne s’arrête pas (grâce à “Continue on Fail”), ce qui permet aux étapes suivantes de continuer.

Encore mieux : ajoute un dernier noeud “Error Trigger” déconnecté qui t’envoie un email à toi en cas de panne globale. Mais on garde ça pour un tuto avancé.

Les pièges classiques (et comment les éviter)

“Mon workflow ne se déclenche pas”

Vérifie que :

• Le toggle Active est bien activé (en haut à droite)
• Tu utilises la PRODUCTION URL et pas la TEST URL
• Le noeud Form n’a pas d’erreur de config (icône orange/rouge)

“L’email arrive en spam”

Tu utilises Gmail avec l’adresse perso. Pour passer en pro, utilise un SMTP type Postmark, Sendgrid ou Resend, avec un domaine custom et SPF/DKIM/DMARC configurés.

”Slack ne reçoit pas le message”

Vérifie :

• Le bot est invité dans le channel
• Le scope chat:write est bien activé
• Le nom du channel commence bien par #

”Le workflow tourne mais les données sont vides”

Tu utilises probablement $json.x au lieu de $('Nom du noeud').item.json.x quand tu remontes plusieurs noeuds en arrière. Vérifie la chaîne de données dans la colonne de droite.

Ce que tu peux faire pour aller plus loin

Maintenant que tu as un workflow qui tourne, voici comment l’enrichir :

1. Ajouter une condition : si le formulaire vient d’un budget > 5 000 €, taguer le lead “VIP” en rouge dans Slack
2. Brancher un CRM : push automatique dans HubSpot/Pipedrive/Notion
3. Ajouter une IA : appeler Claude pour qualifier le lead (chaud/froid) et adapter la notification
4. Multi-canaux : SMS via Twilio en plus de l’email
5. Logs centralisés : tout pousser dans une base Airtable pour reporting

Chacun de ces enrichissements prend 10-30 minutes à ajouter. Si tu veux découvrir d’autres workflows pertinents, jette un œil à mes 10 workflows qui font économiser 5h/semaine.

Pourquoi n8n plutôt qu’autre chose pour démarrer

Petite digression utile : pourquoi je te fais commencer sur n8n plutôt que Make ou Zapier ?

• n8n est plus puissant sur la gestion d’erreurs et la logique conditionnelle dès qu’on dépasse 2-3 étapes
• n8n est moins cher à l’usage (gratuit en self-hosted, 20€/mois en cloud)
• n8n a une vraie syntaxe d’expression qui te servira pour tous tes futurs workflows
• n8n permet le self-hosting quand tu voudras la souveraineté de tes données

Pour un panorama complet, j’ai écrit un comparatif n8n vs Make vs Zapier qui détaille chaque cas d’usage.

Conclusion : et maintenant ?

Tu as ton premier workflow en prod. Tu as compris la logique des noeuds, des credentials, des expressions de template. Tu as installé un workflow utile qui va capturer chaque lead de ton site sans que tu aies à scruter ta boîte mail.

L’erreur, maintenant, ce serait de t’arrêter là. La force de n8n se révèle quand tu enchaînes plusieurs workflows. Un workflow lead. Un workflow facturation. Un workflow onboarding. Un workflow support. Petit à petit, tu as une vraie infrastructure d’automatisation qui tourne pour toi 24/7.

Si tu veux que je t’aide à construire ces 4-5 workflows en mode mission ponctuelle, mon offre système 3 workflows est conçue pour ça : on définit ensemble les 3 workflows à plus fort impact, je les construis, je te forme à les maintenir. Tu repars autonome.

Si tu galères sur ce tuto, n’hésite pas à me ping via le formulaire de contact — je réponds personnellement aux questions techniques même hors mission.