How To Navigate n8n Interface & Canvas

This article will show you how to navigate n8n interface and Canvas. n8n provides a visual interface that makes it possible to build workflows by connecting different nodes together, while still giving developers the flexibility to add custom code and integrations when required.

The interface is centred around the workflow canvas, where you create and organise your automations. The canvas allows you to add nodes, configure their settings and connect them together to determine how data should move through a workflow.

For users who are new to workflow automation, understanding the n8n interface is an important first step before creating more advanced automations. Once you understand how the canvas, nodes and connections work, you can begin creating workflows for tasks such as CRM updates, lead routing, team notifications, email marketing, data synchronisation and AI integrations.

How to Navigate the n8n Interface & Canvas

Open the n8n Interface

  1. Open n8n interface in your browser using the domain provided in your welcome email, e.g. name.domain.co.za.
  2. Enter your n8n login credentials if prompted.
  3. After signing in, go to the overview screen. Open an existing workflow or create a new one.
How To Navigate n8n Interface & Canvas

What is the Workflow Canvas?

The canvas is the main workspace where you build your n8n workflows. (Drag & Drop)

You use the canvas to:

  • Add nodes to a workflow.
  • Move nodes into different positions.
  • Connect nodes together.
  • Configure individual nodes.
  • View the flow of data between nodes.
  • Test and execute workflows.

Ref screen shots for layout.

Additional Information

  • n8n provides a visual workflow builder that can be used by both technical and non-technical users.
  • The workflow canvas is used to visually organise the different stages of an automation.
  • Nodes represent individual actions, services, triggers or processing steps within a workflow.
  • Connections determine the sequence in which information moves between nodes.
  • n8n can connect services such as HubSpot, Salesforce, Slack, Google Workspace, Shopify and OpenAI.
  • Domains.co.za n8n VPS Hosting is designed for always-on automation and provides dedicated VPS resources for workflow execution.

Login to Domains.co.za Account

1. Go to the Domains.co.za website Account Login page.

How To Add Domain Protection To Domain - Login in to Domains.co.za Account

2. Enter your Email and Password and click the Sign In button.

3. You will see the Domains.co.za Dashboard, displaying the Manage Account menu on the left and your Account Information, Account Overview and Open Support Tickets on the right.

How To Login To Domains.co.za Account - Domains.co.za Dashboard

[post-views]