AIサマリー
Notionとシームレスに統合するフォームを作成することは、特に、基本的なデータ入力ツールよりも強力なものを探している場合には、難しいことです。
多くの人がそうであるように、WordPressでNotionフォームを作成し、Notionデータベースに直接データをプッシュする方法はないかと思うかもしれません。
朗報です:WPFormsはNotionとの直接連携を提供しているため、WordPressフォームをNotionデータベースに接続するのがこれまで以上に簡単になりました。
このガイドでは、WordPressで完全に機能するNotionフォームを作成するために必要なツールと手順をすべてご説明します。さあ、WPFormsとNotionを直接連携させる方法を見ていきましょう!🙂
WordPressフォームをNotionデータベースに接続する方法
WPFormsとNotionアドオンを使用すれば、WordPressフォームをNotionと連携させるのは簡単です。以下の手順に従って開始してください:
- ステップ1: WordPressに新しいフォームを作成する
- ステップ2: Notionアドオンのインストールと有効化
- ステップ3:Notionデータベースのセットアップ
- ステップ4: WPFormsをNotionアカウントに接続する
- ステップ5: フォームにNotion接続を追加する
- ステップ6: フォームフィールドをNotionのプロパティにマッピングする
ステップ1: WordPressに新しいフォームを作成する
まず始めに、WordPressサイトにWPFormsがインストールされ有効化されていることを確認してください。まだ行っていない場合は、Plusライセンス以上を使用していることを確認してください。
このライセンスレベルでは、Notionアドオンへのアクセス権が付与されます。このアドオンは、フォームからNotionデータベースへ直接データを送信するための接続を確立するために必要です。
WPFormsが起動したら、WPForms " Add Newにアクセスして新しいフォームを作成します。ここで、Notionデータベースに直接エントリーを送信するフォームを作り始めます。
次に、フォームに名前を付け、検索ボックスで適切なテンプレートを探します。ゼロから作りたい場合は、「白紙のフォームを作成 」ボタンを押すだけで、フォームビルダー画面にリダイレクトされます。
WPFormsの最も優れた点の1つは、基本的なフィールドを越えて、Notionの設定にあるカラムに対応できることです。
例えば、私が作成しようとしている統合は、Notionで異なるタスクを管理するためのものなので、以下のフィールドを作成します(Notionにも存在します):
- ステータス
- タスク名
- 譲受人名
- 電子メール
- 期日
- コメント
目標は、シンプルなフォームよりもはるかに高度なものを作成することで、特定のニーズに合わせて自由にカスタマイズできるパワーを実感していただくことです。
フォームをお好みに設定したら、通知や 確認などフォームの設定を忘れずに行い、WordPressサイトにフォームを公開しましょう。
ステップ2: Notionアドオンのインストールと有効化
次にNotionアドオンを設定しましょう。これを行うには、WordPressダッシュボードのWPFormsに移動し、「アドオン」をクリックしてください。
アドオン画面で、アドオン検索欄に「Notion」と入力してください。表示されたら、アドオンのインストールをクリックします。
アドオンをインストールした後も非アクティブのままの場合は、[有効化]ボタンをクリックして有効にしてください。
これまでの作業、素晴らしいです!次に、Notionアカウントとデータベースを設定し、直接接続を確立できるようにします。
ステップ3:Notionデータベースのセットアップ
WPFormsの設定が完了しましたので、次にNotionデータベースの設定に進みましょう。ここにすべてのフォーム送信データが保存されます。
まずはじめに、まだの方は、Notionのアカウントにサインアップしてください。フォームデータを管理するために必要です。
Notionに入ったら、+ Add a pageオプションをクリックします。ここにWPFormsからのフォーム入力が保存されるので、専用のスペースにしてください。
この新しいページでは、データベースを追加します。テーブル、ボード、リストなど、ニーズに合った形式を選んでください。
まず、データベースに名前を付け、右下の省略記号(...)を クリックします。ここでは、フォームを通して収集されたすべての情報のために、Table オプションを選択します。
さて、データベースの構造化に取り掛かりましょう。フォームで設定したフィールドについて考え、Notionデータベースに対応する列を作成します:
- ステータス
- タスク名
- 譲受人名
- 電子メール
- 期日
- コメント
Notionデータベース内の各プロパティが、収集するデータに適合する適切なフィールドタイプ(テキスト、メールアドレス、日付など)であることを確認してください。
Notionデータベースはフォーム送信を受け付ける準備が整いました。このページを開いたままにしておいてください。次のステップでWPFormsにアクセス権を付与する必要があります。
ステップ4: WPFormsをNotionアカウントに接続する
それでは、WPFormsとNotionワークスペースの接続を設定しましょう。
WordPressのダッシュボードで、WPForms » 設定に移動し、[連携]タブをクリックしてください。
利用可能な連携機能のリストでNotionが見つかるまで下にスクロールし、クリックして設定を展開してください。
「新規アカウントを追加」ボタンをクリックしてください。これにより新しいブラウザウィンドウが開き、Notionへのサインインを促します。

WPFormsに接続したいNotionアカウントでサインインしてください。サインイン後、「WPFormsと接続」という画面が表示され、WPFormsが必要とする権限(例:
- 選択したページを表示する
- 選択したページを編集する
- 選択したページ内に新しいコンテンツを作成する
- ワークスペースのユーザーとそのメールアドレスを表示する
「ページを選択」ボタンをクリックし、WPFormsがアクセスを許可されるNotionのページまたはデータベースを選択してください。
次の画面では、ドロップダウンとNotionワークスペース内のページ一覧が表示されます。ステップ3で作成したデータベース(およびWPFormsにアクセスさせたいその他のページ)の横にあるチェックボックスにチェックを入れてください。
ページ選択が完了したら、「アクセスを許可」をクリックしてください。
WPFormsの連携ページに戻ります。Notionの横に緑色の「接続済み」ステータスが表示されているはずです。

完璧です!WPFormsのインストールがNotionアカウントに接続されました。
ステップ5: フォームにNotion接続を追加する
グローバルレベルでNotionアカウントが接続されたので、ステップ1で作成した特定のフォームにリンクする必要があります。
WPForms » すべてのフォームに移動し、フォームをクリックしてフォームビルダーを開きます。
フォームビルダー内で、左側のメニューから「設定」>「Notion」に移動します。「新しい接続を追加」ボタンをクリックします。
接続ニックネームの入力を求めるポップアップが表示されます。このラベルは内部参照用であり、ユーザーには表示されません。「タスク提出」などの説明的な名前を入力し、[OK]をクリックしてください。
フォームのNotion接続設定が表示されます。設定すべき項目は以下の通りです:
- アカウント: このドロップダウンから、ステップ4で接続したNotionアカウントを選択してください。複数のNotionアカウントを接続している場合、すべてここに表示されます。
- データベース:アカウントを選択すると、このドロップダウンにはアクセスを許可したNotionデータベースが表示されます。フォームの入力内容を保存したいデータベース(ステップ3で作成したもの)を選択してください。
- データソース:このドロップダウンでは、そのデータベース内の特定のソースを選択できます。ほとんどの場合、データベースと同じ名前のオプションが1つだけ表示されます。選択して続行してください。
データベースとデータソースを選択すると、カスタムフィールドセクションが表示され、フォームフィールドをNotionのプロパティにマッピングできるようになります。
ステップ6: フォームフィールドをNotionのプロパティにマッピングする
フィールドマッピングこそが魔法が起きる場所です。WPFormsがどのフォームデータをどのNotionプロパティに送信するかを判断する仕組みです。
Notion接続設定のカスタムフィールドセクションで:
1. カスタムフィールド名のドロップダウンから、Notionデータベースのプロパティ(例:「タスク名」、「担当者メールアドレス」、「期限」など)を選択します。
2. 「フォームフィールド値」ドロップダウンを使用して、そのプロパティのデータを含むWPFormsフォームの対応するフィールドを選択します。
3. 青いプラス(+)ボタンをクリックして、フィールドマッピングを追加します。
4. 入力したいNotionのプロパティがすべてWPFormsのフィールドに接続されるまで、この手順を繰り返します。
例えば、こうだ:
- Notionの「タスク名」をWPFormsの「タスク名」にマッピングする
- Notionの「担当者メールアドレス」をWPFormsの「担当者メールアドレス」にマッピングする
- Notionの「Due Date」をWPFormsの「Due Date」にマッピングする
誰かがフォームを送信するたびに、WPFormsはマッピングされたすべてのフィールドが入力された状態で、Notionデータベースに新しい項目を自動的に作成します。
オプション: 条件付きロジックを有効にする
ユーザー応答に基づいてNotionへのエントリ送信タイミングを制御したい場合、条件付きロジックを設定できます。
Notion接続設定の最下部までスクロールし、「条件付きロジックを有効にする」をオンに切り替えてください。
ドロップダウンを使用してルールを作成します。例:「問い合わせタイプがサポートの場合、この接続を処理する」
条件が満たされた場合、WPFormsはエントリーをNotionに送信します。満たされない場合、その送信分については接続がスキップされます。
フィールドのマッピングを完了したら(必要に応じて条件付きロジックを設定した後)、設定を保存するために「保存」をクリックしてください。

これで完了です!WordPressのフォームが接続され、マッピングされ、Notionへ送信されるようになりました。これからは、フォームから送信されるすべてのデータがNotionのデータベースに保存されます。よくできました!
よくある質問:WordPressでNotionフォームを作成する方法
WPFormsとNotionの直接連携は読者から人気のトピックです。以下に、よくある質問への回答をまとめました。
NotionはWordPressと統合できますか?
はい!WPForms Notionアドオンを使えば、WordPressフォームとNotionデータベースを直接連携させることができます。このネイティブ接続により、サードパーティの自動化ツールが不要になります。
ノティオンをウェブサイトに統合するにはどうすればよいですか?
WordPressサイトとNotionを連携するには、まずPlusライセンス以上のWPFormsをインストールして有効化し、Notionアドオンをインストールします。次に、WPForms » 設定 » 連携からNotionアカウントを接続し、アクセスを許可するNotionページを選択します。その後、フォーム設定内でフォームフィールドをNotionのプロパティにマッピングします。
Notionアドオンを使用するには、どのライセンスが必要ですか?
Notionアドオンを利用するには、WPForms Plusライセンス以上が必要です。下位プランではアドオンは利用できません。
なぜ一部のファイルアップロードがNotionに表示されないのですか?
Notionではアップロードファイルにサイズ制限が適用されます。無料プランでは20MBを超えるファイルは受け付けられず、ワークスペースの総ストレージ容量は5GBに制限されます。20MBを超えるファイルをアップロードした場合、WPFormsのエントリーには保存されますが、Notionには追加されません。この問題を回避するには、ファイルアップロードフィールドの設定で最大ファイルサイズを設定してください。
Notionで連携を設定する前に、データベースを作成する必要がありますか?
はい。WPFormsで連携を設定する前に、Notionデータベースを作成し、入力したいすべてのプロパティを追加してください。WPFormsにデータベースへのアクセス権を付与すると、フォーム設定時にデータベースのドロップダウンメニューに表示されます。
次は、WordPressのフォームからMicrosoft Teamsのアラートを受け取る方法です。
WordPressのWebサイトでフォームを送信したときにMicrosoft Teamsのアラートを受け取る方法を考えたことはありますか?WPFormsを使用し、Zapier経由でMicrosoft Teamsに接続することで、フォームのMicrosoft Teamsアラートを有効にするガイドをご覧ください。
フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。