AIサマリー
告白します——実は私はあまり技術に詳しくないんです。（私からメールを受け取ったことがあるなら、おそらくもうご存知でしょうが…）
そのため、以前はWordPressブログのフォーム送信内容を他のツールに手動でコピーするのに、あまりにも多くの時間を費やしていました。誰かがコンタクトフォームを送信するたびに、CRMを開いて新規リードを作成し、さらにメールプラットフォームに切り替えてそこにも追加する必要がありました。これは本当に時間の無駄で、労力の浪費でした。
では、WPFormsをn8nに接続することで私のワークフロー全体がどのように変革されたか、そしてそれがあなたにも同じように役立つことをお見せできるのが楽しみです！
このステップバイステップガイドでは、WPFormsとn8nの連携を設定し、フォーム送信をあらゆる種類の宛先に自動転送する方法を解説します。メールマーケティングツール、CRM、プロジェクト管理アプリ、その他数千ものサービスなど、ほんの一例です。
そして、WPFormsではいつも通り、一切のコーディングが不要です。だから私でもできるなら、誰でもできるはずです。さあ始めましょう！
WPFormsをn8nに接続する方法：WordPressフォームのワークフローを自動化
始める前に必要なもの
セットアップ手順に入る前に、必要なものがすべて揃っていることを確認しましょう。以下のものが必要です：
- WordPressサイトにWPForms Proライセンス（またはそれ以上）がインストールされ、有効化されている
- n8nアドオンを利用するには、WPFormsバージョン1.9.8.1以降が必要です
- n8nアカウント（セルフホストまたはn8nクラウドのいずれか）
n8nアドオンは、WPForms Proおよびそれ以上のライセンスレベルでのみ利用可能です。これにより、フォーム送信の処理方法を大きく変えるワークフロー自動化機能にアクセスできます。
n8n連携でできること
なぜこれらのツールが必要なのか？その理由はここにあります！WPFormsとn8nを組み合わせれば、フォームと他のツール間の仲介役になる必要がなくなります。以下はその活用例の一部です：
- フォームが送信された際に、新しい見込み客を自動的にCRMに追加します
- マーケティングプラットフォームでメールシーケンスをトリガーする
- プロジェクト管理ツールでタスクを作成する
- SlackまたはMicrosoft Teamsに通知を送信する
- 提出データをGoogleスプレッドシートまたはデータベースに保存する
- 数十のアプリにまたがるカスタムの多段階自動化を構築する
可能性は事実上無限です。そして先ほど申し上げた通り、コードを1行も書くことなく、ビジュアルインターフェースを通じて全てを設定できます。
ステップ1: n8nでワークフローを構築する
最初のタスクは、フォーム送信を受信・処理するワークフローをn8nで作成することです。これは自動化の「受信側」を設定する作業と考えてください。
WPForms トリガーノードを追加する
n8nダッシュボードにログインし、新しいワークフローを開始します。ワークフローエディターにはキャンバスが表示され、さまざまなノードを追加できます。これらは自動化の構成要素のようなものです。
最初のノードを追加するには、＋ （プラス）アイコンをクリックしてください。
検索フィールドに「WPForms」と入力し、検索結果から「WPForms Trigger」オプションを選択してください。
WPFormsノードを初めて使用する場合は、表示される「ノードをインストール」ボタンをクリックしてインストールする必要があります。
インストール後、「ワークフローに追加」をクリックして、WPForms Triggerノードをワークフローキャンバスに追加します。
このノードは、WordPressフォームから送信されるすべてのデータのエントリポイントとして機能します。
Webhook URLをコピー
WPForms Triggerノードを追加したら、クリックして設定パネルを開きます。いくつかのタブとオプションが表示されますが、現時点で最も重要なのは「パラメータ」セクションの下にあります。
Webhook URLsセクションを展開し、Production URLタブを開きます。これにより、n8n がワークフロー用に生成した固有の Webhook アドレスが表示されます。
URLをクリックしてクリップボードにコピーしてください。WPFormsの設定を行う際にすぐ必要になります。
次のステップに進む際、このブラウザタブを開いたままにしておいてください。
ステップ2: WPFormsをn8nにデータを送信するよう設定する
n8nがデータを受信する準備が整ったので、WordPressフォームの設定を行い、ワークフローへ送信内容を送信できるようにしましょう。
n8n 統合を有効にする
WordPressのダッシュボードで、WPFormsのフォームビルダーに移動します。新規にフォームを作成するか、n8nと連携させたい既存のフォームを開くことができます。
フォームビルダーのインターフェースに入ったら、左サイドバーの「マーケティング」セクションを探し、n8nをクリックしてください。「n8n連携を有効にする」と表示されたトグルスイッチが表示されます。接続を有効にするには、これをオンにしてください。
Webhookの詳細を入力してください
統合を有効にすると、いくつかの新しい設定フィールドが表示されます。
最初に表示されるフィールドはWebhook URL用です。先にn8nからコピーした本番環境用URLをこのフィールドに貼り付けてください。
ところで、WordPressサイトがn8nと正常に通信できるか確認できる便利な「接続テスト」リンクがあります。潜在的な接続問題を早期に発見するため、クリックする価値があります。
秘密鍵を交換する
外部サービスとの接続時にはセキュリティが重要であるため、WPFormsはリクエストの認証にシークレットキーを使用します。
このシークレットキーはWPFormsの設定画面に表示されます。コピーしたら、n8nワークフロータブに戻ってください。
次に、n8nのWPFormsトリガーノード設定に戻り、シークレットキーフィールドを見つけて、先ほどコピーしたキーを貼り付けます。
これにより、WordPressフォームからの正当な送信のみがワークフローをトリガーできるようになります。
ワークフローを有効にする
n8nを離れる前に、重要な手順が一つあります：ワークフローを有効化することです。
n8nインターフェースの右上隅にある「アクティブ」トグルスイッチを探し、オンに切り替えてください。
フォームデータを受信した後に実行したいすべてのアクションを含め、ワークフローを完全に構成する必要があることに留意してください。
後からいつでも戻ってノードを追加し、自動化を拡張できますが、アクティベートする前に基本構造が整っていることを確認してください。
ステップ3: ワークフローをトリガーするタイミングを選択する
WPFormsのフォームビルダーに戻ると、「トリガーイベント」ドロップダウンメニューが表示されます。この強力な機能により、n8nワークフローを実行するタイミングを正確に制御できます。
利用可能なトリガーオプション
選択可能なトリガーイベントは3種類あります：
- フォーム送信トリガーは、誰かがフォームを完了して送信するたびにワークフローを起動します。これは最も一般的な選択肢であり、一般的なお問い合わせフォーム、リード獲得フォーム、登録フォームに最適です。
- 「スパムとしてマークされたエントリー」は、WPFormsのスパム検出機能によって送信内容がスパムとしてフラグ付けされた場合にのみワークフローを起動します。スパム試行の記録、セキュリティチームへの通知、追加の検証チェックの実行などに便利です。
- Payment Processedは、フォーム経由で支払いが正常に完了した後にワークフローを実行します。これは、eコマースアプリケーション、寄付フォーム、またはStripe、PayPal、その他の決済ゲートウェイを通じて支払いを受け付けるあらゆるフォームに最適です。
自動化の目的に最も合致するトリガーイベントを選択してください。
ステップ4: フォームフィールドのマッピング
フィールドマッピングセクションでは、フォーム送信からn8nが受け取る情報の項目を指定します。ワークフローがアクセス・処理できるデータを決定するため、この設定は極めて重要です。
フィールドマッピングの仕組み
フィールドマッピングでは、WPFormsのフィールドをn8nが認識するパラメータキーと対応付けます。左側にはパラメータキー（n8nが内部で使用するラベル）を入力します。右側では、そのパラメータに値を設定するフォームフィールドを選択します。
たとえば、誰かのメールアドレスを取得したい場合、「email」をパラメータキーとして入力し、ドロップダウンメニューから「Email」フィールドを選択します。
名前を取得したい場合は、パラメータキーとして「name」を入力し、名前フィールドを選択します。
複数のマッピングの追加
ほとんどのフォームは複数の情報を収集するため、通常は複数のフィールドマッピングが必要です。最初のマッピングを設定したら、青い「＋」ボタンをクリックして別の行を追加します。n8nに送信したいデータ項目ごとに、マッピングを追加し続けてください。
一般的なフィールドのマッピングには、メールアドレス、名前、電話番号、会社名、メッセージ内容、およびフォーム固有のカスタムフィールドが含まれます。
すべてのフィールドマッピングの設定が完了したら、フォームビルダー内の「保存」ボタンをクリックして変更内容を保存してください。
以上です！ほらね？私ができるなら、あなたにもできるって言ったでしょう。
WPFormsとn8nの連携が完了したことで、強力なワークフロー自動化の基盤が整いました。さらに業務プロセスを効率化できる、その他のアドオンやn8n連携機能もぜひご検討ください。
n8nに関するよくある質問
n8nは最初は圧倒されるかもしれません。でも、そう感じる必要はありません！n8n統合に関するよくある質問一覧をご覧ください。さらにサポートが必要な場合は、遠慮なくお問い合わせください。
n8nの連携をどのようにテストすればよいですか？
n8nワークフローエディタで「ワークフローを実行」ボタンをクリックします。次に、WordPressサイトに切り替えて、フォームからテストエントリーを送信します。実際のユーザーのように全てのフィールドに入力し、送信ボタンを押してください。
n8nに戻り、ワークフローがデータを受信したかどうかを確認してください。ワークフロー実行ログに送信詳細が表示されるはずです。すべてが正常に表示されていれば、おめでとうございます——統合が機能しています！
データが表示されない場合は、Webhook URLが正しいこと、シークレットキーが一致していること、ワークフローが有効化されていることを再確認してください。
もし誤ってn8nノードを削除してしまったらどうなりますか？
誤ってn8nワークフローからWPFormsトリガーノードを削除または外した場合、フォーム送信が自動化をトリガーしなくなります。
この問題を修正するには、新しいWPFormsトリガーノードを追加し、その新しい本番用URLをコピーして、WPFormsフォームビルダー内のWebhook URLを更新してください。変更後はワークフローを再有効化することを忘れないでください。
複雑な多段階ワークフローを作成できますか？
はい！n8nの真の力は、複数のアクションを連鎖させることにあります。WPFormsトリガーノードが送信データを受信した後、以下のノードを追加できます：
- 複数の宛先に同時にデータを送信する
- 条件付きロジック（if/thenシナリオ）を適用する
- データを他の場所に送信する前に変換またはフォーマットする
- アクションの間に遅延を追加する
- エラー処理とフォールバック手順を作成する
n8nのノードライブラリを探索して、フォームに接続できる数百ものアプリやサービスを発見しましょう。
次に、オンラインフォームに「読み取り専用」フィールドを追加します
オンラインフォームの送信からn8nワークフロー全体をトリガーする方法がわかりましたね。おめでとうございます！では、変更不可のフォーム入力項目はどうでしょうか？絶対に変更されてはいけない項目…例えば登録フォームのユーザー名などです。
ご存知でしたか？ WordPressフォームのほぼすべてのフィールドは「読み取り専用」に設定できるんです。しかも設定は超簡単！ フォームに「読み取り専用」フィールドを追加する簡単な手順はこちらをご覧ください。
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
