n8nの使い方を初心者向けに解説｜問い合わせフォームで覚える7ステップ

n8nの使い方を、問い合わせフォームの作成、テスト送信、データ整形、公開、本番実行の確認まで7ステップで追います。

Cloudまたはセルフホスト版でエディタのホームを開いたところから始めます。処理部品は「ノード」です。導入全体は、n8nで自動化する業務の選び方と導入の流れで整理しています。

今回作るワークフローと事前準備

n8nの環境と、フォームへ入力するダミーの会社名・氏名・メールアドレス・問い合わせ内容を用意します。Cloudはn8nが運用し、セルフホストは自社で管理します。すぐ始めたい場合や技術担当者がいない場合はCloudが案内されています。

→ 横にスクロールできます

参考：公式のCloud／セルフホスト選択ガイド／料金・選び方

n8nの使い方：フォーム受付を公開する7ステップ

ここから実際にノードを置いていきます。n8nの機能全体を先に知りたい方はn8nの特徴と機能を参照してください。

1ワークフローを作成する

ホームの「Build a workflow」（ワークフローを作る）を押し、空のキャンバスを開きます。右上には「Publish」が表示されます。

処理の起点になるノードはTrigger、その後の処理はActionです。今回はフォーム送信をTriggerにします。

2トリガーに「On form submission」を置く

中央の「Add first step…」（最初の手順を追加）を押すと、「What triggers this workflow?」（何をきっかけに動かすか）が開きます。一覧から「On form submission」を選びます。

このノードが回答を受け取る入口です。後ろの処理ノードへ値を渡します。

3フォームの項目を作る

「Form Title」（フォーム名）と「Form Elements」（フォーム項目）に、会社名、氏名、メールアドレス、問い合わせ内容を置きます。必要な項目は「Required Field」（必須項目）を有効にします。

4Test URLから送信して結果を見る

キャンバス下の「Execute」（実行）を押し、Test URLのフォームを開いてダミー値を送信します。成功するとノードに緑のチェックと「1 item」が出ます。

5Edit Fieldsで値を整える

Form Trigger（On form submission）ノード右側の「+」からEdit Fieldsを追加し、On form submission→Edit Fieldsの順につながったことを確認します。入力側から項目をドラッグするか、式を入力して値を整えます。

会社名は「{{ $json['会社名'] }}」と参照します。通知文の例には「新しい問い合わせ：{{ $json['会社名'] }} {{ $json['氏名'] }} 様」と入力しました。実機では式の結果がその場に表示されます。

6PublishしてProduction URLから送信する

2ノードのテストが成功したら「Publish」（公開）を押します。「Publish workflow」でVersion nameを確認して公開し、右上が「Published」（公開済み）になったことを見ます。

公開後、Form Triggerの「Production URL」を開き、同じダミー値を送信します。

7Executionsで本番実行を確認する

「Executions」（実行履歴）を開き、Production URLから送った実行が成功していることを確認します。手動実行には試験管アイコンが付くため、本番URLからの実行と見分けられます。

参考：ノード操作／Form Trigger／データの参照／実行方法／保存とPublish

Google SheetsとSlackへつなぐ設定例

筆者の環境では外部アカウントを接続しておらず、実機で確認した設定欄と公式手順を示します。接続後の実行結果は未検証です。次のノードは、直前のノード右側にある「+」（Add nodeのコネクタ）から追加します。

AGoogle Sheetsへ行を追加する設定

→ 横にスクロールできます

BSlackへメッセージを送る設定

SlackノードではOperationに「Send a message」を使います。Send Message ToとMessage Typeの選び方は、接続先の条件を確認して決めます。

参考：Credential／Google SheetsのAppend Row／SlackのSend a message

n8nが動かないときの確認順

動かない時は一度に設定を変えず、失敗した実行からデータをたどります。

→ 横にスクロールできます

Executionsでは失敗した実行を確認し、過去のデータをエディタへ読み込めます。Error Triggerで始まるワークフローを設定すると、失敗時のメールやSlack通知も組めます。参考：エラー処理ガイド

日本語で業務自動化を始めるならPigeon Workflow

フォーム、Google Sheets、Slackの公式ノードをつなぐ処理はn8nで構成できます。一方、APIが用意されていないWeb画面へのブラウザ入力・転記や、入力内容をAIに読ませる処理まで含む場合は、Pigeon Workflowも比較候補になります。本記事ではn8n側のその種の機能を検証していないため、両製品の優劣比較は行いません。

Pigeon Workflowの製品ページでは、AIが画面を見て判断し、APIのないWeb画面へ入力する仕組みを紹介しています。CSSセレクタ依存のRPAより画面変更に強い設計ですが、変更内容によっては再設定が必要です。加えて、Slackチャンネルでの日本語サポートと設計の伴走支援があります。

n8nの使い方に関するよくある質問

まとめ

n8nは、フォーム受付、テスト送信、データ整形、Publish、本番実行の確認までを一度通すと操作の流れをつかめます。次はn8nの活用例から小さな業務を選び、外部サービスをつなぐ場合は認証後の実行結果まで確かめましょう。他の連携ツールとの違いはn8nとZapierの比較で整理できます。