ワードプレスのフォームの作り方

WordPressでノートフォームを作成する方法

Notionとシームレスに統合するフォームを作成することは、特に、基本的なデータ入力ツールよりも強力なものを探している場合には、難しいことです。

多くの人がそうであるように、WordPressでNotionフォームを作成し、Notionデータベースに直接データをプッシュする方法はないかと思うかもしれません。

朗報です:WPFormsはNotionとの直接連携を提供しているため、WordPressフォームをNotionデータベースに接続するのがこれまで以上に簡単になりました。

このガイドでは、WordPressで完全に機能するNotionフォームを作成するために必要なツールと手順をすべてご説明します。さあ、WPFormsとNotionを直接連携させる方法を見ていきましょう!🙂

WPFormsをNotionに直接連携!🙂

WordPressフォームをNotionデータベースに接続する方法

WPFormsとNotionアドオンを使用すれば、WordPressフォームをNotionと連携させるのは簡単です。以下の手順に従って開始してください:

ステップ1: WordPressに新しいフォームを作成する

まず始めに、WordPressサイトにWPFormsがインストールされ有効化されていることを確認してください。まだ行っていない場合は、Plusライセンス以上を使用していることを確認してください。

このライセンスレベルでは、Notionアドオンへのアクセス権が付与されます。このアドオンは、フォームからNotionデータベースへ直接データを送信するための接続を確立するために必要です。

WPFormsの価格ページ。

WPFormsが起動したら、WPForms " Add Newにアクセスして新しいフォームを作成します。ここで、Notionデータベースに直接エントリーを送信するフォームを作り始めます。

次に、フォームに名前を付け、検索ボックスで適切なテンプレートを探します。ゼロから作りたい場合は、「白紙のフォームを作成 」ボタンを押すだけで、フォームビルダー画面にリダイレクトされます。

概念フォームの作成

WPFormsの最も優れた点の1つは、基本的なフィールドを越えて、Notionの設定にあるカラムに対応できることです。

フォームビルダー

例えば、私が作成しようとしている統合は、Notionで異なるタスクを管理するためのものなので、以下のフィールドを作成します(Notionにも存在します):

  • ステータス
  • タスク名
  • 譲受人名
  • 電子メール
  • 期日
  • コメント

目標は、シンプルなフォームよりもはるかに高度なものを作成することで、特定のニーズに合わせて自由にカスタマイズできるパワーを実感していただくことです。

フォームプレビュー

フォームをお好みに設定したら、通知や 確認などフォームの設定を忘れずに行い、WordPressサイトにフォームを公開しましょう。

WPFormsをNotionに直接連携!🙂

ステップ2: Notionアドオンのインストールと有効化

次にNotionアドオンを設定しましょう。これを行うには、WordPressダッシュボードのWPFormsに移動し、「アドオン」をクリックしてください

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 » 設定に移動し、[連携]タブをクリックしてください。

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のデータベースに保存されます。よくできました!

WPFormsを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の無料チュートリアルやガイドをフォローしてください。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ハムザ・シャヒード

ハムザはWPFormsチームのライターで、デジタルマーケティング、サイバーセキュリティ、WordPressプラグイン、ERPシステムに関連するトピックも専門としています。もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。

このフォームはCloudflare Turnstileによって保護されており、Cloudflareプライバシーポリシーおよび利用規約が適用されます。