# n8n: What Is n8n? Build Your First Workflow

> What n8n is and how it thinks (triggers, nodes, items, test vs production), then build your first workflow: a form that catches every client inquiry.

Source: https://learn.ynteractive.com/content/n8n-tutorial-for-beginners-first-workflow · Updated 2026-10-17 · Free from Stepthrough (https://learn.ynteractive.com)

## Practice it step by step

[Start the free practice](https://learn.ynteractive.com/modules/n8n-what-is-n8n-first-workflow)

[Take the free module: why it matters, practice and a quick check →](https://learn.ynteractive.com/courses/n8n-beginner/2)

You do every step yourself in a practice copy of n8n. It checks your work as you go, and “Do it for me” finishes any step you get stuck on. Free, about 8 minutes, and nothing touches your real accounts. [Open full screen](https://learn.ynteractive.com/modules/n8n-what-is-n8n-first-workflow)

Free · Live now · [n8n Automation Toolkit](https://learn.ynteractive.com/content/course/n8n-automation-toolkit) · [n8n](https://learn.ynteractive.com/content/tool/n8n) · ~8 min · 28 steps · Beginner

Updated October 17, 2026. Built against the tool’s current screens and checked step by step. [How we check this lesson](https://learn.ynteractive.com/content/about#how-we-check)

[n8n](https://learn.ynteractive.com/content/tool/n8n) is a [workflow automation](https://learn.ynteractive.com/content/glossary/workflow-automation) tool: it connects the apps a business uses and does the repeat work between them. This free beginner tutorial explains how it thinks, then has you build a first workflow in a practice copy of the n8n editor: an n8n form that catches every new client inquiry for a made-up bookkeeping firm, a test submission, and an [Edit Fields](https://learn.ynteractive.com/content/glossary/edit-fields-node) step that writes a one-line summary with an expression. You finish by checking Executions and seeing why the [Test URL](https://learn.ynteractive.com/content/glossary/webhook-test-url-vs-production-url) and the Production URL behave differently.

## At a glance

| Question | Answer |
| --- | --- |
| What you build | What n8n is and how it thinks, then your first workflow: a client inquiry form that catches every request and writes a one-line summary. No code, no accounts to connect. |
| Tools | n8n |
| Time | About 8 minutes, 28 steps in 5 parts |
| Level | Beginner, no coding needed |
| Cost | Free |
| Ways to learn it | [Practice it step by step](https://learn.ynteractive.com/modules/n8n-what-is-n8n-first-workflow) |

### The 5 parts, in short

1. Start with a trigger: Add the first step, Pick the trigger.
2. Build the form: Name the form, Add a question, Ask for a name, Add another question, and 1 more step.
3. Test it: Test the trigger, Fill in a name, Say what they need, Submit, and 3 more steps.
4. Add an action: Add the next step, Search for Edit, Pick Edit Fields, Add a field, and 6 more steps.
5. Runs, tests and going live: Open Executions, Back to the editor, Open the form trigger, See the Production URL.

**In the course:** [Part 9 · n8n Automation Toolkit](https://learn.ynteractive.com/content/course/part-9-n8n-automation-toolkit) (Module 72 of the [full course](https://learn.ynteractive.com/content/course))

**Part of:** [n8n for Beginners: Your First Automations](https://learn.ynteractive.com/content/paths/n8n-beginner) (step 1 of 9). Next up: [n8n: Items, JSON and Expressions, Explained by Doing](https://learn.ynteractive.com/content/n8n-items-json-expressions-tutorial)

## The workflow you build

Two nodes, no other apps and no keys. Every label matches the real n8n Cloud editor in October 2026.

| Node | What it does | Output |
| --- | --- | --- |
| On form submission | Hosts a form with Name and What do you need help with? | 1 item per submission |
| Edit Fields (Set) | Writes summary = {{ $json.Name }} needs help with: {{ $json['What do you need help with?'] }} | Dana Ortiz needs help with: Monthly bookkeeping for my design studio |

## What n8n is

n8n connects apps such as Gmail, Google Sheets, Slack and OpenAI and runs repeat jobs between them. You draw each job as a workflow on a canvas: a chain of nodes that starts with a trigger. n8n Cloud is hosted for you (free trial, then from $20 a month billed annually for 2,500 workflow runs, October 2026); the Community Edition is free to self-host.

## Triggers, nodes and items

A trigger is the event that starts a workflow: a button (Trigger manually), a schedule, a form, a [webhook](https://learn.ynteractive.com/content/lovable-n8n-web-app-ai-backend) or an app event. Every node after it is an action. Data moves between nodes as items, one per record; a form submission is one item with a field per question.

## Build the first workflow

Click Add first step..., choose On form submission, type a Form Title and add two elements with Add Form Element. Click Execute step: n8n listens and opens the test form. Submit it and the OUTPUT shows 1 item. Then click the + after the trigger, add Edit Fields (Set), click Add Field and drag the answers into the value. n8n writes expressions such as {{ $json.Name }} and shows the result for this item.

## Test URL vs Production URL

The Test URL (/form-test/...) only listens while you test in the editor. The Production URL (/form/...) works around the clock, but only after you click Publish. Every run, test or real, is saved under the Executions tab.

## Links

- [n8n](https://n8n.partnerlinks.io/2a7wq6ej1z0t) (affiliate link): the workflow tool this lesson teaches (free trial, no credit card).
- [What is n8n? (explainer)](https://learn.ynteractive.com/content/explainers/what-is-n8n): what it does, what it costs and how it compares to Zapier and Make.
- [n8n docs: n8n Form Trigger](https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.formtrigger/): every option of the form trigger.

Disclosure: links marked "affiliate link" are partner links. If you sign up through one, Stepthrough may earn a commission at no extra cost to you. The lesson is free either way and does not depend on it.

## Try it yourself, free

Reading the steps is a start. Doing them is how it sticks. The interactive module walks you through every click in a practice copy of n8n, checks each step, and never touches your real accounts.

[Start “n8n: What Is n8n? Build Your First Workflow”](https://learn.ynteractive.com/modules/n8n-what-is-n8n-first-workflow)

## Step by step: n8n: What Is n8n? Build Your First Workflow

All 28 steps of the interactive module, in order. In the module you watch each one, then do it yourself in a practice copy that checks your work.

### 1. Start with a trigger

1. **Add the first step.** Clearview Bookkeeping gets new client inquiries by phone, email and sticky note, and some get lost. You'll build the fix: a form that catches every inquiry. This is a new, empty workflow. Click **Add first step...**.
   Clearview Bookkeeping gets new client questions by phone, by email, and on sticky notes. Some of them get lost. You'll build the fix, a form that catches every one. This is a new, empty workflow.
2. **Pick the trigger.** n8n asks **What triggers this workflow?** A trigger is the event that starts it. Click **On form submission**: *Generate webforms in n8n and pass their responses to the workflow*.
   n8n asks, what triggers this workflow. A trigger is the event that starts it. A button, a time of day, a new email, or a form.

### 2. Build the form

3. **Name the form.** The node opened. The Test URL at the top is the address of your form. In **Form Title**, type **New client inquiry**.
4. **Add a question.** Click **Add Form Element** to add the first question.
   Now add a question.
5. **Ask for a name.** It is a **Text Input** with an empty **Label**. Type **Name**.
   It's a text input, with an empty label.
6. **Add another question.** Click **Add Form Element** again.
7. **Ask what they need.** In the new **Label**, type **What do you need help with?**

### 3. Test it

8. **Test the trigger.** Click **Execute step**. n8n starts listening and opens your test form in a new tab.
   Now test it. n8n starts listening, and opens your form in a new tab.
9. **Fill in a name.** This is the test form, the page your clients would see. Type a name: **Dana Ortiz**.
   This is your form, the page a client would see. Fill it in like a client.
10. **Say what they need.** In **What do you need help with?**, paste the request.
11. **Submit.** Click **Submit**.
12. **Back to n8n.** It says **Form Submitted**. Switch back to the **n8n** tab.
    It says form submitted. Go back to the n8n tab.
13. **See the item.** The **OUTPUT** says **1 item**: Dana's answers, plus **submittedAt** and **formMode: test**. Click **Table** to see it as a row.
    The output says one item. That's one form answer. Dana's name, her request, the time, and form mode, test.
14. **Close the node.** Each answer is a field, and the whole submission is one **item**. Close the node with the **X**.
    Each answer is a field. The whole submission is one item. Close the node.

### 4. Add an action

15. **Add the next step.** The trigger has a green check and **1 item** on its line. Click the **+** after it.
    The trigger has a green check, and one item on its line. Now add what happens next.
16. **Search for Edit.** **What happens next?** lists AI, Action in an app, Data transformation and more. Type **Edit**.
    What happens next. You could send an email, add a row to a sheet, or ask AI. Start simple.
17. **Pick Edit Fields.** Click **Edit Fields (Set)**: *Modify, add, or remove item fields*.
    It adds, changes or removes fields on each item.
18. **Add a field.** The **INPUT** on the left shows the form answers. Under **Fields to Set**, click **Add Field**.
    On the left, the input shows the form answers. You'll build a one line summary from them.
19. **Name the field.** In **name**, type **summary**.
    Name it summary.
20. **Drag in the name.** Drag **Name** from the INPUT onto **value** (here, click it). n8n writes **{{ $json.Name }}** and shows the result: **Dana Ortiz**.
    Here, just click it. n8n writes an expression. Dollar json dot Name, in curly brackets. Under it, the result. Dana Ortiz.
21. **Add some words.** Click at the end of the value and type **needs help with:** (with a space on each side).
22. **Drag in the request.** Drag **What do you need help with?** to the end of the value (here, click it).
    Here, click it.
23. **Run it.** The Result reads **Dana Ortiz needs help with: Monthly bookkeeping for my design studio**. Click **Execute step**.
    The result reads the whole sentence.
24. **Close the node.** The OUTPUT has one item with your **summary**. Close the node.

### 5. Runs, tests and going live

25. **Open Executions.** Two nodes, two green checks. Every run is saved. Click the **Executions** tab at the top.
    Two nodes. Two green checks. Every run is saved.
26. **Back to the editor.** Each run has a time, **Succeeded** and a flask icon: a test run. Click **Editor**.
    Each run has a time and a result. The flask icon means it was a test run, started by you.
27. **Open the form trigger.** Open **On form submission** (double-click it; here, click).
28. **See the Production URL.** Click **Production URL**. This address has **/form/** instead of **/form-test/**. It only works once you click **Publish**, and then it works around the clock.
    It has form, not form test. This is the address you'd put on your website. It only works after you publish. Then it runs all day, every day, without you.

## Frequently asked questions

**What is n8n in simple terms?**

A tool that connects your apps and does repeat work for you. You draw the job as a workflow of steps, and n8n runs it every time its trigger fires.

**Is n8n hard for beginners?**

No, once you know four ideas: triggers, nodes, items and expressions. This free lesson teaches them by building a first workflow, with no code.

**What is the difference between a trigger and an action in n8n?**

A trigger starts the workflow (a form, a schedule, a button). Actions are the nodes after it that do something with the data.

**Why does my n8n form stop working after testing?**

The Test URL only listens during a test. Publish the workflow and use the Production URL.

[Start this module free](https://learn.ynteractive.com/modules/n8n-what-is-n8n-first-workflow)

- Next in n8n Automation Toolkit: [n8n: Items, JSON and Expressions, Explained by Doing](https://learn.ynteractive.com/content/n8n-items-json-expressions-tutorial)

## More in n8n Automation Toolkit

- [n8n: Run a Workflow on a Schedule (Every Monday at 8am)](https://learn.ynteractive.com/content/n8n-schedule-trigger-tutorial): Use the n8n Schedule Trigger to run a workflow by itself: every Monday at 8am, a timesheet reminder. Set the interval, test it now, and check the time zone.
- [n8n: Send Form Answers Straight to Google Sheets](https://learn.ynteractive.com/content/n8n-form-to-google-sheets): Build a consultation request form in n8n (required fields, email, dropdown), test it, and add every answer as a new row in Google Sheets. No webhook, no form tool to…
- [n8n: Summarize Customer Emails with OpenAI](https://learn.ynteractive.com/content/n8n-openai-summarize-emails): Your first AI step in n8n: send each customer email to OpenAI with one prompt and get a one-line summary plus the next step. No agent needed, about a cent of API use.
- [Find and Use n8n Templates](https://learn.ynteractive.com/content/find-and-use-n8n-templates): Skip the blank canvas. Find a ready-made workflow in the n8n template gallery, import it into your workspace, connect Google Sheets and Gmail, test it with a real form…
- [Litescrape in n8n: Swap SerpApi for a Cheaper Search API](https://learn.ynteractive.com/content/litescrape-n8n-serpapi-alternative): Switch a weekly n8n competitor-price workflow from SerpApi to Litescrape's Google Shopping API: change the HTTP Request URL, move the key into a Bearer Auth credential…
- [n8n: Execute Step, Execute Workflow and Publish](https://learn.ynteractive.com/content/n8n-execute-step-execute-workflow-publish): Learn the buttons in today's n8n editor: run one node with Execute step, pin test data, run everything with Execute workflow, then Publish and copy the Production URL.

[All 18 modules in n8n Automation Toolkit](https://learn.ynteractive.com/content/course/n8n-automation-toolkit)

## More n8n tutorials

- [n8n AI Agent Tutorial: Save Social Media Ideas to Google Sheets](https://learn.ynteractive.com/content/n8n-ai-agent-tutorial-google-sheets): Build an AI agent for BrightPath Marketing that generates social media post ideas and saves them to Google Sheets — chat trigger, AI Agent, system prompt, model…
- [Lovable + n8n: Build a Web App with an AI Backend](https://learn.ynteractive.com/content/lovable-n8n-web-app-ai-backend): Build a contact form in Lovable and connect it to an n8n workflow — webhook trigger, AI Agent, Google Sheets, Gmail, and a Respond node that ties it all together.
- [AI Receipt Extractor: Receipts to Google Sheets with n8n](https://learn.ynteractive.com/content/ai-receipt-extractor-n8n-google-sheets): Drop a photo of a receipt into an n8n chat. An AI agent reads it, pulls out the date, vendor and amount, picks a category, and adds a row to Google Sheets.
- [n8n AI Email Responder: Draft Gmail Replies Automatically](https://learn.ynteractive.com/content/ai-email-responder-gmail-drafts-n8n): Build an n8n agent that watches your Gmail, reads each new customer email, and writes a reply as a draft in the same thread, ready for you to check and send.
- [Daily Job Alerts: Email Each Tech Their Jobs from Google Sheets with n8n](https://learn.ynteractive.com/content/n8n-daily-job-alerts-google-sheets-gmail): Every morning at 7, n8n reads a plumbing company's jobs sheet, skips anything not assigned yet, and emails each job to the tech it's assigned to — customer, address…
- [Gmail AI Triage: Auto-Label Every Email and Draft Replies](https://learn.ynteractive.com/content/gmail-ai-triage-labels-drafts-n8n): Build an n8n workflow that reads each new email, sorts it as a lead, a client or an invoice with a Text Classifier, adds the matching Gmail label, and drafts a reply to…

## Free cheat sheet

Print it or save the PDF: the key steps and checks from this lesson on one page, free.

- [n8n Beginner Cheat Sheet: Triggers, Items, Expressions](https://learn.ynteractive.com/content/cheat-sheets/n8n-beginner): A free one-page n8n beginner cheat sheet: what n8n is, triggers vs actions, items and JSON, expressions, test vs production, schedules, forms and costs.

[All free printable cheat sheets](https://learn.ynteractive.com/content/cheat-sheets)

## Terms in this lesson

Plain-English definitions, each with an example from a free lesson.

[Workflow automation](https://learn.ynteractive.com/content/glossary/workflow-automation) · [Automation](https://learn.ynteractive.com/content/glossary/automation) · [Edit Fields (Set) node](https://learn.ynteractive.com/content/glossary/edit-fields-node) · [Test URL vs production URL](https://learn.ynteractive.com/content/glossary/webhook-test-url-vs-production-url) · [n8n Cloud](https://learn.ynteractive.com/content/glossary/n8n-cloud) · [Self-hosting](https://learn.ynteractive.com/content/glossary/self-hosting)

[The full AI glossary](https://learn.ynteractive.com/content/glossary)

## Browse related tutorials

[n8n Automation Toolkit (18)](https://learn.ynteractive.com/content/course/n8n-automation-toolkit) · [n8n tutorials (47)](https://learn.ynteractive.com/content/tool/n8n)