AI要約
告白の時間です。私は本当にテクノロジーに詳しくありません。（もし私からメールを受け取ったことがあるなら、それは真実だとすでに知っているでしょう…）
そのため、WordPressブログのフォーム送信を手動でコピーして他のツールに貼り付けるのに、あまりにも多くの時間を費やしていました。誰かが連絡フォームに入力するたびに、CRMを開き、新しいリードを作成し、次にメールプラットフォームに移動してそこにも追加していました。それは本当に時間のかかるエネルギーの無駄でした。
そこで登場するのが n8n です。これはオープンソースのワークフロー自動化プラットフォームで、ZapierやMakeに似ていますが、セルフホスト可能でより柔軟性があり、アプリを接続してそれらの間でデータを自動的に移動させます。そしてWPFormsには、それ用の組み込み統合があります。
このステップバイステップガイドでは、WPFormsをn8nに接続する方法を説明します。これにより、フォーム送信がCRM、メールマーケティングツール、プロジェクト管理アプリ、および数千もの他のサービスに自動的にルーティングされます。コーディングは不要です。私が設定できるなら、誰でも設定できます。
4つのステップでWPFormsをn8nに接続する
開始前に必要なもの
セットアッププロセスに入る前に、すべてが準備できていることを確認しましょう。以下のものが必要です：
- WordPressサイトにインストールおよびアクティブ化されたWPForms Proライセンス（またはそれ以上）
- WPFormsバージョン1.9.8.1以降（n8nアドオンにアクセスするため）
- n8nアカウント（セルフホストまたはn8nクラウド）
n8nアドオンは、WPForms Pro以上のライセンスレベルでのみ利用可能であり、フォーム送信の処理方法を真に変える可能性のあるワークフロー自動化機能にアクセスできます。
n8n統合でできること
なぜ開始するためにこれらのツールが必要なのでしょうか？理由はここにあります！WPForms + n8nを使用すると、フォームと他のすべてのツールの間の仲介者になるのをやめることができます。以下は、それを使用してできることの例です：
- フォーム送信時に新しいリードをCRMに自動的に追加する
- マーケティングプラットフォームでメールシーケンスをトリガーする
- プロジェクト管理ツールでタスクを作成する
- SlackまたはMicrosoft Teamsに通知を送信する
- Googleスプレッドシートまたはデータベースに送信データを保存する
- 多数のアプリにわたるカスタムマルチステップ自動化を構築する
可能性は事実上無限です。そして私が言ったように、コードを一行も書かずに、ビジュアルインターフェースを通じてすべてを設定できます。
他の自動化ツールとのn8nの比較
n8nが他の人気オプションと比較してどのように優れているか疑問に思っているなら、ここに簡単な内訳があります：
| n8n | Zapier | Make | |
| 費用 | 無料（セルフホスト）または有料クラウドプラン | 無料プランあり。有料プランは月額19.99ドルから | 無料プランあり。有料プランは月額10.59ドルから |
| セルフホスティング | はい — データに対する完全な制御が可能 | いいえ | いいえ |
| WPForms連携 | 組み込みアドオン (Pro+) | WPForms Zapierアドオン (Pro+) | Webhook経由 |
| ビジュアルワークフロービルダー | はい — ノードベースのキャンバス | はい — 線形Zapビルダー | はい — ビジュアルシナリオエディター |
| 複雑さの天井 | 高 — 分岐、ループ、コードノード、AIをサポート | 中 — シンプルなAtoB自動化に最適 | 高 — 複雑な複数ステップのフローに強力 |
| 最適 | 完全な制御と柔軟性を求めるユーザー | 最も迅速なセットアップを求める技術者でないユーザー | 複雑な自動化を構築するビジュアルシンカー |
3つすべてがWPFormsと連携するため、最適な選択はセットアップによって異なります。最大限の柔軟性とセルフホスティングのオプションが必要な場合は、n8nが最適です。よりシンプルでタスクごとの支払いを気にしない場合は、Zapierが最も初心者向けです。Makeはその中間です。
ステップ1：n8nでワークフローを構築する
最初のタスクは、フォームの送信を受信して処理するワークフローをn8nで作成することです。これは、自動化の「受信側」を設定すると考えてください。
WPFormsトリガーノードを追加する
n8nダッシュボードにログインし、新しいワークフローを開始します。ワークフローエディターには、さまざまなノードを追加できるキャンバスが表示されます。これらは自動化のビルディングブロックのようなものです。
+ （プラス）アイコンをクリックして、最初のノードを追加します。
検索フィールドに「WPForms」と入力し、結果からWPFormsトリガーオプションを選択します。
WPFormsノードを初めて使用する場合は、表示されるノードをインストールボタンをクリックしてインストールする必要があります。
インストールが完了したら、ワークフローに追加をクリックして、WPFormsトリガーノードをワークフローキャンバスに追加します。
このノードは、WordPressフォームからのすべてのデータの入り口として機能します。
Webhook URLをコピーする
WPFormsトリガーノードを追加した後、それをクリックして設定パネルを開きます。いくつかのタブとオプションが表示されますが、現時点で最も重要なのはパラメータセクションの下にあります。
Webhook URLsセクションを展開し、Production URLタブを開きます。これにより、n8nがワークフロー用に生成した一意のWebhookアドレスが表示されます。
URLをクリックするとクリップボードにコピーされます。これは、WPForms側を設定する際にすぐに必要になります。
次のステップに進むまで、このブラウザータブを開いたままにしてください。
ステップ2：WPFormsをn8nにデータを送信するように設定する
n8nがデータを受信する準備ができたので、送信をワークフローに送信するようにWordPressフォームを設定します。
n8nインテグレーションを有効にする
WordPressダッシュボードで、WPFormsフォームビルダーに移動します。まったく新しいフォームを作成するか、n8nに接続したい既存のフォームを開くことができます。
フォームビルダーインターフェイスに入ったら、左側のサイドバーにあるMarketingセクションを探し、n8nをクリックします。“Enable n8n Integration”というラベルのトグルスイッチが表示されます。これをオンにして接続をアクティブにします。
Webhookの詳細を入力する
インテグレーションを有効にすると、いくつかの新しい設定フィールドが表示されます。
最初に表示されるフィールドはWebhook URL用です。先ほどn8nからコピーしたProduction URLをこのフィールドに貼り付けます。
ちなみに、「テスト接続」という便利なリンクをクリックすると、WordPressサイトがn8nと正常に通信できるか確認できます。潜在的な接続問題を早期に発見するために、クリックする価値があります。
シークレットキーを交換する
外部サービスを接続する際のセキュリティは重要です。そのため、WPFormsはリクエストを認証するためにシークレットキーを使用します。
このSecret KeyはWPFormsの設定に表示されます。それをコピーしてから、n8nワークフロータブに戻ります。
次に、n8nのWPFormsトリガーノード設定に戻り、Secret Keyフィールドを見つけて、コピーしたキーを貼り付けます。
これにより、WordPressフォームからの正当な送信のみがワークフローをトリガーできるようになります。
ワークフローをアクティブにする
n8nを離れる前に、重要なステップが1つあります。ワークフローをアクティブにすることです。
n8nインターフェイスの右上隅にあるActiveトグルスイッチを探してオンにします。
ワークフローは、フォームデータを受信した後に実行したいすべての操作で完了している必要があります。
後でいつでもノードを追加して自動化を拡張できますが、アクティブにする前に基本的な構造が整っていることを確認してください。
ステップ3：ワークフローをトリガーするタイミングを選択する
WPFormsフォームビルダーに戻ると、Trigger Eventドロップダウンメニューに気づくでしょう。この強力な機能により、n8nワークフローを実行するタイミングを正確に制御できます。
利用可能なトリガーオプション
トリガーイベントのオプションは3つあります。
- フォーム送信完了は、誰かがフォームを完了して送信するたびにワークフローをトリガーします。これは最も一般的な選択肢であり、一般的なお問い合わせフォーム、リード獲得フォーム、登録フォームに適しています。
- スパムとしてマークされたエントリは、WPFormsのスパム検出によって送信がスパムとしてフラグ付けされた場合にのみワークフローをアクティブにします。これは、スパム試行を記録したり、セキュリティチームに通知したり、追加の検証チェックを実行したりする場合に役立ちます。
- 支払い処理済みは、フォームを通じて支払いが正常に完了した後にワークフローを実行します。これは、eコマースアプリケーション、寄付フォーム、またはStripe、PayPal、その他の支払いゲートウェイを通じて支払いを受け付けるフォームに最適です。
自動化の目標に最も適したトリガーイベントを選択してください。
ステップ4：フォームフィールドをマッピングする
フィールドマッピングセクションは、フォーム送信から受け取る情報をn8nに指示する場所です。これは、ワークフローがどのデータにアクセスして処理できるかを決定するため、重要なステップです。
フィールドマッピングの仕組み
フィールドマッピングは、WPFormsのフィールドと、n8nが認識するパラメータキーをペアにします。左側にはパラメータキー（n8nが内部的に使用するラベル）を入力します。右側には、そのパラメータをどのフォームフィールドが入力するかを選択します。
たとえば、メールアドレスをキャプチャしたい場合は、パラメータキーとして「email」と入力し、ドロップダウンメニューからメールフィールドを選択します。
名前をキャプチャしたい場合は、パラメータキーとして「name」と入力し、名前フィールドを選択します。
複数のマッピングを追加する
ほとんどのフォームは複数の情報を収集するため、通常は複数のフィールドマッピングが必要です。最初 のマッピングを設定した後、青いプラスボタンをクリックして別の行を追加します。n8nに送信したい各データに対してマッピングを追加し続けてください。
一般的なフィールドマッピングには、メールアドレス、名前、電話番号、会社名、メッセージ内容、およびフォーム固有のカスタムフィールドが含まれます。
すべてのフィールドマッピングを構成したら、フォームビルダーの保存ボタンをクリックして変更を保存します。
これで完了です！ほら、私ができるならあなたにもできると言いました。
WPFormsとn8nが正常に接続されたので、非常に強力なワークフロー自動化の基盤ができました。プロセスをさらに合理化できる他のアドオンやn8nインテグレーションも検討してください。
n8nに関するFAQ
n8nは最初は圧倒されるように見えるかもしれませんが、そうである必要はありません！n8nインテグレーションに関する最も頻繁に尋ねられる質問のリストを確認し、さらにサポートが必要な場合はお気軽にお問い合わせください。
n8nインテグレーションをテストするにはどうすればよいですか？
n8nのワークフローエディタで、「ワークフローを実行」ボタンをクリックします。次に、WordPressサイトに切り替えて、フォームからテストエントリを送信します。実際のユーザーが行うようにすべてのフィールドに入力してから、送信をクリックします。
n8nに戻り、ワークフローがデータを受信したかどうかを確認します。ワークフロー実行ログに送信詳細が表示されるはずです。すべて正しく表示されていれば、おめでとうございます。統合は機能しています！
データが表示されない場合は、Webhook URLが正しいか、シークレットキーが一致しているか、ワークフローがアクティブになっているかを確認してください。
n8nノードを誤って削除した場合はどうなりますか？
n8nワークフローからWPFormsトリガーノードを誤って削除または削除した場合、フォーム送信は自動化をトリガーしなくなります。
これを修正するには、新しいWPFormsトリガーノードを追加し、新しい本番URLをコピーして、WPFormsフォームビルダーのWebhook URLを更新するだけです。これらの変更を行った後は、ワークフローを再アクティブ化することを忘れないでください。
複雑な複数ステップのワークフローを構築できますか？
はい！n8nの真の力は、複数のアクションを連鎖させることから生まれます。WPFormsトリガーノードが送信を受信した後、ノードを追加して次のことができます。
- 複数の宛先に同時にデータを送信する
- 条件付きロジックを適用する（if/thenシナリオ）
- データを他の場所に送信する前に変換またはフォーマットする
- アクション間に遅延を追加する
- エラー処理とフォールバック手順を作成する
n8nのノードライブラリを探索して、フォームに接続できる何百ものアプリやサービスを発見してください。
n8nは無料で使用できますか？
n8nは、独自のサーバーにセルフホストする場合は無料です。ホスティングを管理したくない場合は、n8nはワークフローの実行数に基づいた価格設定のクラウドプランも提供しています。いずれにしても、WPForms n8n統合自体は、WPForms Proライセンス（またはそれ以上）に含まれており、追加費用はかかりません。
WPFormsでn8nとZapierを使用する違いは何ですか？
n8nとZapierはどちらも、フォーム送信後の処理を自動化できます。たとえば、CRMにリードを追加したり、メールシーケンスをトリガーしたりします。
主な違いは、コストと制御です。n8nは無料でセルフホストでき、複雑な複数ステップのワークフローにより柔軟に対応できます。Zapierはクラウド専用で、実行するタスク数に基づいて課金されますが、セットアップが速く、インターフェースがシンプルです。WPFormsにはどちらのアドオンも組み込まれているため、ニーズに合った方を選択できます。
WPFormsをn8nに接続するためにコーディングスキルは必要ですか？
まったく必要ありません。セットアップ全体がポイントアンドクリックで行えます。Webhook URLをコピーしてWPFormsに貼り付け、ドロップダウンメニューを使用してフォームフィールドをマッピングします。n8nは高度なユーザー向けのカスタムコードノードをサポートしていますが、標準のWPForms統合には必要ありません。
n8nにはどのWPFormsライセンスレベルが必要ですか？
WPForms Pro以上が必要で、サイトでWPFormsバージョン1.9.8.1以降を実行している必要があります。n8nアドオンは、Proライセンスに無料で含まれています。
複数のフォームを異なるn8nワークフローに接続できますか？
はい。各フォームは、一意のWebhook URLを持つ独自のn8n接続を持つことができるため、異なるフォームを完全に異なるワークフローにルーティングできます。たとえば、お問い合わせフォームはCRMにフィードでき、注文フォームは処理プロセスをトリガーできます。
次に、オンラインフォームに「読み取り専用」フィールドを追加します
これで、オンラインフォームの送信からn8nワークフロー全体をトリガーする方法がわかりました。おめでとうございます！しかし、触れてはならないフォームエントリについてはどうでしょうか？どこにも行くべきではないもの…たとえば、登録フォームのユーザー名です。
そのようなフィールド、実際にはWordPressフォームのほとんどすべてのフィールドが「読み取り専用」フィールドになる可能性があることをご存知でしたか？そして、それは非常に簡単です！ここにあなたのフォームに「読み取り専用」フィールドを追加するためのいくつかの簡単な手順を確認してください。
フォームの作成準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今日から始めましょう。WPForms Proには多くの無料テンプレートが含まれており、14日間の返金保証が付いています。
この記事がお役に立った場合は、FacebookとTwitterでフォローして、WordPressの無料チュートリアルやガイドをさらにご覧ください。
