Chapter 3

What the workspace looks like

Most people freeze for three seconds the first time they sign in to n8n — a row of unfamiliar names down the sidebar, a blank canvas in the middle, a pile of small icons in the bottom-right corner. This chapter walks you through every area once, so that when a later chapter tells you to "open Executions" or "open a Workflow and look at its settings", you know where to go.

Why you need the map first

The biggest difference between n8n and Zapier / Make is that it shows you everything — every workflow, every past run and every key sits in the same interface. That is a good thing, but the price is that there is a lot on screen when you start out.

If Chapter 2 got you signed in to n8n.woowtech.io, this workspace is what you are looking at right now. This chapter changes nothing — it only walks you through:

  • What each of the seven items in the main sidebar on the left is for.
  • What sits in every corner of the screen once you open a workflow.
  • The Executions page, and why it is the thing that rescues you when you debug.
  • Templates and Credentials — where the entry points you will keep coming back to are.
Nothing to build in this chapter: this is a pure tour — move the mouse over each area with me and read it once. Building a workflow for real starts in Chapter 8; this chapter is here so you do not get lost.

The seven items in the main sidebar, top to bottom

After you sign in, the dark strip on the far left of the screen is the main sidebar. Top to bottom, in order, it goes like this:

ItemWhat it is forWhen you land here
OverviewThe home dashboard: workflows you opened recently, recent execution records, a summary of the numbers.The first thing you see after signing in, and the fast way back to "the one you left half-finished yesterday".
WorkflowsThe list of every workflow you can access. You can search, filter, open in a new tab and star them.You use it almost every time you come in; it is the main working surface.
TemplatesThe official template gallery: thousands of ready-made workflows you can copy into your workspace in one click.When you want to copy someone else's work (Chapter 4 covers it in detail).
CredentialsCentral storage for keys, OAuth authorizations and API tokens.When you wire up a new SaaS service, or share an account with a colleague (Chapter 13 covers it in detail).
ExecutionsA record of every workflow run in the whole workspace.The golden page for debugging — a workflow died overnight, or you want to see how many items ran yesterday.
InsightsUsage statistics and success-rate reports, Enterprise only.WoowTech has no use for it yet, so grayed out is exactly what you should see.
At the very bottom of the sidebar: What's new (the bell) / Help (the question mark, linking to the docs and the community) / your avatar (open it to reach Settings and sign out)Release announcements, links to the external docs and the way into your personal and workspace settings all live here. Settings is not a sidebar item of its own; you get to it through the avatar.Changing the language, switching the theme, seeing what is new in a release, signing out.
Tip: hover over any sidebar icon and its name pops up in Chinese (or English). If the sidebar is collapsed — icons only, no text — click the « / » arrow at the bottom of the sidebar to expand it.
Warning: how many sidebar items you see depends on your permissions. If you are an ordinary member of the workspace, some administration items may be hidden (Insights, for example, or parts of the Settings tabs). That is normal, not broken.
The seven items in the n8n main sidebar, top to bottom
Figure 3-1 The main sidebar on the left: Overview / Workflows / Templates / Credentials / Executions / Insights, with Help and the avatar right at the bottom.

What you see when you open a workflow

From the sidebar, click Workflows → open any workflow you like (if you have none yet, click + Create Workflow in the top-right corner to start an empty one). You land in the workflow editor, and the screen splits into several areas:

The workflow list on the Workflows tab
Figure 3-2 The Workflows tab: every workflow you can access, listed in one place. The + Create Workflow entry point for a new one is in the top-right corner.
WhereElementWhat it does
Top leftThe workflow name (click it to rename)It shows up in the browser tab and in the Workflows list.
Top centerThree tabs: Editor / Executions / EvaluationsSwitch views — edit, read past runs, look at evaluations (advanced).
Top rightSave + Execute Workflow + Publish / UnpublishSave the draft, run one manual test, publish the current draft (so the schedule / Webhook / event triggers really start receiving events).
Center of the screenCanvasEvery node and every connection sits here, and you can zoom and pan.
Bottom-right cornerA row of small tools: Zoom in / Zoom out / Fit view / Tidy up / Mini-mapZooming and tidying the canvas.
To the right of the canvas, or on empty space+ Add first step (a new workflow) or the + button (between nodes)Opens the nodes panel so you can add a node.
Concept: from n8n 2.0 on, the old Active toggle is replaced by the Publish / Unpublish model: what you edit is always a draft, and only pressing Publish pushes the current version live so the schedule, Webhook and message events start arriving. Until you publish, the only thing that can run it is the manual "Execute Workflow" button. The change exists so that nobody switches a half-edited workflow on by accident. Woow n8n already runs n8n 2.x, so what you see in the top-right corner is Publish, not an Active toggle. The details are in Chapter 10.
A freshly created, empty canvas
Figure 3-3 A freshly opened, empty canvas: the single + Add first step button in the middle is how you add the first Trigger, and the zoom / fit view / tidy up toolbar sits in the bottom-right corner.

What a node looks like on the canvas

Every node is a rectangular card on the canvas, and it always has the same few parts:

  • The dot on the left (input): data flows in here. Trigger nodes have no input, because they are the head of the workflow.
  • The node icon: Slack's #, Gmail's envelope and so on, so you recognize the service at a glance.
  • The node name: by default it is the node type (for example Schedule Trigger), and you can double-click it to rename it to something you understand (for example Every day at 8 am).
  • The dot on the right (output): data flows out here. Some nodes have several outputs (the IF node, for example, has two: true / false).

A connection is the curve between two nodes: you drag from the previous node's output dot to the next node's input dot. Hover over a connection and an × appears so you can delete it.

Click a node and a settings panel slides out from the right. It usually has three tabs:

TabContents
ParametersEvery field on this node (which API to call, which message to send, which field to read).
SettingsNode-level settings: whether to continue on error, how many retries, notes, the node ID.
Output (only after a run)The data this node produced on its last run. You can switch between Table / JSON / Schema / Binary.
Tip: hold Space and drag on the canvas to pan; the scroll wheel zooms. If you drag a node somewhere you can no longer see, Fit view in the bottom-right corner brings it back in a second.

The nodes panel in detail

Right-click empty canvas or press Tab, click the + between two nodes, or click the + Add first step button in the middle of an empty workflow — each of them slides the nodes panel in from the right. It is the only way to add a node.

There is a search box at the top of the panel, and typing the service name (slack, gmail, sheet) is the fastest route. Below it, the list opens into two top-level groups:

CategoryWhat it meansExample
TriggersThe start of a workflow — it decides when the workflow runs. A workflow usually has only one Trigger.Schedule Trigger (the time comes round), Webhook (something outside calls in), Gmail Trigger (a new message).
ActionsThe body of a workflow — the nodes that do the work, whether that is posting to Slack, writing to a sheet or calling an API.Slack, Google Sheets, HTTP Request, OpenAI.

Below that, nodes are grouped again by purpose (Communication, Data & Storage, Marketing, Development, AI and so on). If you cannot find one, search for it: n8n ships several hundred nodes, and most of them are found by searching rather than by browsing the categories. Chapter 7 takes the three node types apart in full.

Warning: in an empty workflow, pressing + shows you Triggers only, because the first node has to be a Trigger or a Manual Trigger. Once the first node is in place, pressing + brings up Actions as well. That is not a bug — n8n insists that a workflow has an explicit start.

What the Executions page is for

There are two places to find Executions:

  • Executions in the main sidebar: every execution record for every workflow in the workspace, filterable by workflow.
  • The Executions tab at the top of a workflow: only that workflow's own records.

Each record is a complete snapshot of one run of that workflow, and it holds:

FieldWhat it tells you
StatusSuccess (green) / Error (red) / Running (a blue spinner) / Waiting (sitting on a Wait node).
Start timeWhen it was triggered.
Run timeHow many seconds it took in total. Once that gets long, start worrying about a timeout.
Trigger modeWhether a schedule ran it, someone pressed Execute by hand, or a webhook called in.
The data at every nodeOpen a record and walk it node by node: what input each node took, what output it produced, and which line of which node failed.
A debugging trick worth knowing: when a workflow dies overnight, come here first. Open the red record and n8n marks the node that died with a red border; the Output tab in the right-hand panel holds the full error message. Chapter 17 on error handling comes back here and teaches you to debug systematically.
Concept: by default, executions are kept for a limited time (you can look up the value for Woow n8n under Settings), and older ones are cleared out. Anything you genuinely need as a long-term record, write to a sheet or a database yourself — do not lean on Executions as your history.
The list of execution records on the Executions page
Figure 3-4 The Executions page: each row is one workflow run, with status, start time, duration and trigger mode all in one view, and the red row is where debugging starts.

Where the Templates entry point is

Both Templates entry points get you there:

  • Templates in the main sidebar: straight into the gallery.
  • The top-right corner of the Workflows page has a "Templates" button (some versions call it Browse templates).

Once you are in, here is what you can do — none of it urgent:

  1. Search, or browse by category

    Type a keyword into the search box (slack digest, ai chat), or filter with the categories on the left (AI, Marketing, Sales, DevOps and so on).

  2. Preview what the workflow looks like

    Open a template and you get a thumbnail, the nodes it uses, the author, the download count and a short description — much like an app page in the App Store.

  3. Use workflow, in one click

    Press the Use workflow button and n8n copies the template into your workspace as a new workflow, ready for you to open and edit. The original template is left untouched.

How to pick a good template, how to see which credentials a template needs, and which fields to change once you have pasted it in: Chapter 4 walks through all of it once, step by step.

Where the Credentials page is

Click Credentials in the sidebar and you get every credential you have access to in this workspace: Slack Bot Token, Google OAuth, Gmail, OpenAI API Key, HTTP Header Auth and so on.

Each credential shows:

  • The credential name, which you choose yourself (for example Slack - #general notifications).
  • The type (Slack API, Google Sheets OAuth2 and so on).
  • The owner, and who it is shared with.
  • When it was created and last edited.
Danger: once a credential is stored in n8n, any node in the same workflow that selects it can use it. Think it through before you share a credential with a colleague — they can send any message they like from your Slack account. The details, the OAuth flow and where sharing stops are all in Chapter 13.
Concept: credentials and workflows are stored separately. Deleting a workflow does not delete the credential; delete a credential and every workflow that used it shows a red warning on that node. The design is deliberate — one credential can be shared by many workflows.
The list of credentials on the Credentials page
Figure 3-5 The Credentials page: every key, OAuth authorization and API token you can access in the workspace, collected in one place, one credential per row.

Three handy tools in the bottom-right corner

Plenty of people go a whole year without clicking the row of small buttons in the bottom-right corner of the canvas, and they are lifesavers:

ButtonShortcutWhen to use it
Zoom in / Zoom out (+ / −)The scroll wheel works tooA node is too small to read, or you want the detail.
Fit view (the grid icon)—Scales the whole workflow to fit the screen exactly. The first thing to try when you cannot find a node.
Tidy up (the broom / align icon)—Lines up a mess of nodes automatically — 10 times faster than dragging them by hand.
Mini-map (the thumbnail)—Expands the small map in the bottom-right corner, for jumping across a large workflow (20+ nodes).
Tip: n8n currently has no global "? keyboard shortcut cheat sheet" popup; the official docs list the shortcuts on a page of their own instead (search for n8n keyboard shortcuts). In practice, it is enough to remember Tab (press it beside a node to open the nodes panel), Ctrl/Cmd+S (save the draft), Ctrl/Cmd+A (select every node) and holding Shift while dragging (snap to the grid).

Common pitfalls

  1. The workflow opens completely blank

    That is normal — it is a brand-new, empty workflow. There is a + Add first step button in the middle; click it and the nodes panel appears, showing Triggers only. Pick a Trigger and start.

  2. Nodes will not move, or settings will not change

    Most likely you do not have Editor permission, only Viewer. A "Read only" notice appears in the top-right corner of the page. Ask the workspace admin to raise your permission, or to share the workflow with you.

  3. The connection will not attach

    You have to drag from the output dot (on the right of the node) to the input dot (on the left of the next node). Do not let go part way; when you get close to the target dot it lights up green and you can release. Dragging the other way, input to output, does not work, and that is deliberate.

  4. You cannot find the run you just made

    Two places show it: the Executions tab at the top of the workflow (this workflow only), or Executions in the sidebar (everything). If you ran it by hand with Execute Workflow, the record is labeled "Manual"; if a Trigger fired it, the label is "Trigger".

  5. You zoomed the canvas until you lost track of where you are

    Press Fit view (the grid icon) in the bottom-right corner and the whole workflow scales back to fit the screen. It is the first thing to try when you cannot find a node, and more intuitive than any shortcut.

FAQ

Can the interface be switched entirely to Chinese?
Yes. Click your avatar at the bottom of the sidebar → Settings → Personal → Language, and Traditional Chinese is in the dropdown. How complete the translation is varies between n8n versions, and some fields inside nodes stay in English — that is normal.
Is there a dark mode?
Yes. In the same place, Settings → Personal, look for Theme: System (follows your system), Light or Dark. No refresh needed; it applies immediately.
Is there a list of keyboard shortcuts?
n8n currently has no built-in ? shortcut popup inside the app (plenty of older tutorials say otherwise, but pressing ? does nothing). The official docs list them on a Keyboard shortcuts page, and searching Google for "n8n keyboard shortcuts" finds it. In practice it is enough to memorize Tab (opens the nodes panel beside a node), Ctrl/Cmd+S (save the draft), Ctrl/Cmd+Enter (Execute Workflow) and Shift while dragging (snap).
What if the nodes on the canvas are a tangled mess?
Two moves: Tidy up in the bottom-right corner lets n8n align them for you; or rubber-band select a batch of nodes with the mouse and drag them where you want them. If the workflow is genuinely huge, open the mini-map to see the whole thing, then tidy it up section by section.
Can I have two workflows open at once?
Yes — just open another browser tab. Every workflow has its own URL. From the Workflows list, hold Ctrl (Cmd on a Mac) and click a workflow name to open it in a new tab.
What if I accidentally closed the node settings panel on the right?
Click that node again and it comes back. Double-clicking the node works too. The panel never really disappears; it is only collapsed.