Notionとシームレスに統合するフォームを作成することは、特に、基本的なデータ入力ツールよりも強力なものを探している場合には、難しいことです。
多くの人がそうであるように、WordPressでNotionフォームを作成し、Notionデータベースに直接データをプッシュする方法はないかと思うかもしれません。
このガイドでは、WordPressで完全に機能するNotionフォームを作成するために必要なツールや手順をすべてご紹介します。さあ、始めましょう!
WordPressフォームをNotionデータベースに接続する方法
WPForms + Zapierを使って、Notionと連携するWordPressフォームを簡単に作成できます。以下の手順で始めましょう:
ステップ1: WordPressに新しいフォームを作成する
使い始めるには、まずWPFormsがあなたのWordPressサイトにインストールされ、有効化されていることを確認する必要があります。まだこの作業を行っていない場合は、Proライセンスを使用していることを確認してください。
このライセンスにより、Zapierアドオンにアクセスできるようになります。Zapierアドオンは、フォームからNotionデータベースに直接エントリーを送信するためのZapを作成するために必要です。

WPFormsが起動したら、WPForms " Add Newにアクセスして新しいフォームを作成します。ここで、Notionデータベースに直接エントリーを送信するフォームを作り始めます。
次に、フォームに名前を付け、検索ボックスで適切なテンプレートを探します。ゼロから作りたい場合は、「白紙のフォームを作成 」ボタンを押すだけで、フォームビルダー画面にリダイレクトされます。

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

例えば、私が作成しようとしている統合は、Notionで異なるタスクを管理するためのものなので、以下のフィールドを作成します(Notionにも存在します):
- ステータス
- タスク名
- 譲受人名
- 電子メール
- 期日
- コメント
目標は、シンプルなフォームよりもはるかに高度なものを作成することで、特定のニーズに合わせて自由にカスタマイズできるパワーを実感していただくことです。

フォームをお好みに設定したら、通知や 確認などフォームの設定を忘れずに行い、WordPressサイトにフォームを公開しましょう。
ステップ 2: Zapierアドオンをインストールして有効化する
次にZapierアドオンを設定しよう。これを行うには、WordPressダッシュボードのWPFormsに 行き、Addonsをクリックする。

Addons 画面で、Search Addonsフィールドに "Zapier "と入力する。ポップアップしたら、アドオンのインストールをクリックする。

アドオンがまだアクティブでないことに気づいたら、ボタンをもう一度押してアクティブにし、設定 オプションをクリックして統合を管理します。

次の画面で、統合のリストからZapierを見つける。APIキーをコピーして接続プロセスを完了させる必要があるので、このタブを開いたままにしておく。

ここまでは素晴らしい仕事だ!あとは、Notionのアカウントとデータベースを作成し、Zapierの助けを借りて統合をセットアップするだけです。
ステップ3:Notionデータベースのセットアップ
WPFormsのセットアップが完了したので、次にすべてのフォーム送信を保存するNotionデータベースのセットアップに移りましょう。
まずはじめに、まだの方は、Notionのアカウントにサインアップしてください。フォームデータを管理するために必要です。

Notionに入ったら、+ Add a pageオプションをクリックします。ここにWPFormsからのフォーム入力が保存されるので、専用のスペースにしてください。

この新しいページでは、データベースを追加します。テーブル、ボード、リストなど、ニーズに合った形式を選んでください。
まず、データベースに名前を付け、右下の省略記号(...)を クリックします。ここでは、フォームを通して収集されたすべての情報のために、Table オプションを選択します。

さて、データベースを構成しましょう。先ほどフォームに設定したフィールドについて考え、Notionデータベースに対応するカラムを作成します:
- ステータス
- タスク名
- 譲受人名
- 電子メール
- 期日
- コメント

最後に、データベースの設定が完了したら、このページへのリンクをコピーしてください。ページの右上にある「共有 」をクリックし、「リンクをコピー 」オプションを選択することで可能です。

このリンクはZapierの統合を設定するときに必要になるので、手元に置いておこう。次のステップでは、WPFormsとNotionを接続するためにZapierオートメーションを設定する必要があります。
ステップ4:Zapierでオートメーションを作成する
WPFormsとNotionデータベースのセットアップが完了したら、次はZapierを使って両者を接続しましょう。このステップでは、フォームの入力を直接Notionに送信するプロセスを自動化します。
ZapierアカウントにログインしてZapを作成する。まだアカウントを持っていない場合は、無料でサインアップできます(月100タスクまでサポート)。

Zapierにログインしたら、+ Create ボタンをクリックして、Zapと呼ばれる新しいオートメーションの作成プロセスを開始することができます。

しかし、ZapierにはすでにWPFormsとNotionを統合するためのテンプレートが用意されている。このリンクにアクセスし、Try this template ボタンをクリックしてください。

Zapエディタにリダイレクトされ、トリガとアクションイベントが作成されます。例えば、フォーム入力が送信されたら、Notionデータベースにアイテムを作成します。
Zapエディターで、管理しやすいようにZapに名前を付けることから始めます(オプション)。Untitled Zapをクリックして、Renameを選択すると、Zapの名前を変更することができます。

ステップ5:Zap(WPForms)のトリガーイベントを設定する
それでは、Zapのトリガーを設定します。WPFormsを クリックして、画面の右側にあるセットアップ オプションを開きます。

トリガーイベントはすでに選択されているので、WPFormsアカウントをZapierアカウントに接続するだけです。アカウントの横にあるサインインボタンを クリックするだけです。

新しいウィンドウが開き、APIキーの入力を求められます。WPForms接続を設定したタブに戻り、APIキーを探します。

APIキーをコピーしてZapierのポップアップウィンドウに貼り付けます。次にドメイン名を入力し、[はい、WPFormsに進む]ボタンをクリックします。

WPFormsがZapierと接続されたら、Configure タブをクリックし、Notionセットアップのカラムに対応するフォームを 選択し、Continue ボタンをクリックします。

これでフォームとZapierの接続をテストできます。Test triggerボタンをクリックする前に、フォームのテストエントリーを少なくとも1つ送信してください。

しばらくすると、アクションが成功したことを確認するメッセージが表示されます。また、フォームに入力した情報を確認することもできます。

選択したレコードで続行]をクリックして、次のアクションイベントの設定ステップに進みます。
ステップ6:ザップ(ノート)のアクションイベントを設定する
次に、Zapのアクションイベントを設定します。ZapエディタでNotionをクリックし、画面の右側にある オプションを開きます。

アクションイベントはすでに選択されているので、NotionをZapierアカウントに接続するだけです。これを行うには、[Account]の隣にある[Sign in] ボタンをクリックします。

新しいウィンドウが開き、Notionアカウントへのアクセスを許可するよう促されます(事前にサインインしていることを確認してください)。続行するには、[ページを選択]ボタンをクリックします。

次のウィンドウで、WPFormsで作成したフォームに対応するカラムを持つ、先に作成したNotionページを選択します。その後、アクセスを許可するボタンをクリックします。

NotionとZapierが正常に接続されると、Zapエディタにアカウントが表示されます。アクションイベントの設定を続行するには、[Continue] ボタンをクリックします。

設定 タブにリダイレクトされます。ここでDatabase フィールドをクリックし、WPForms からの送信を受け取るために作成した Notion ページを選択します。

次に、WPForms フォームのフィールドを Notion データベースの対応するカラムにマッピングします。例えば、Notionの "Task Name "カラムをWPFormsの "Task Name "フィールドにマッピングします。

マッピング・プロセスを成功させるには、NotionのすべてのカラムとWPFormsのフィールドに対してこれを繰り返す。次に、Content Formatで Markdown オプションを選択し、 Continue ボタンを押す。

あとは統合をテストするだけだ。すべて問題なさそうなら、Test stepボタンを押して数秒待つだけだ。

すべてが正常に動作した場合、Testの横に緑色のチェックマークが表示されます。.
また、"A Database item was sent to Notion about 1 second ago "という通知も表示される。
最後のステップは、Zapierでの統合を完了するためにPublish ボタンを押すだけだ。

さらに、作成したNotion Databaseにアクセスして、統合を確認することができます。
あなたが記入したテストフォームに記載された詳細が、新しい項目として表示されるはずです。

これで、すべてのデータがフォームからデータベースに正しく流れていることがわかるはずです!
よくある質問 - WordPressでノートフォームを作成する方法
ユーザーがフォームを送信したときに、Notionでデータベース項目を作成することは、読者の間で人気のあるトピックです。ここでは、それに関するよくある質問にお答えします。
NotionはWordPressと統合できますか?
はい、NotionはZapierなどのツールを使ってWordPressと統合できます。これにより、WPForms などのプラグインで作成した WordPress フォームから Notion データベースに直接データを自動送信できます。
ノティオンをウェブサイトに統合するにはどうすればよいですか?
Zapierを使用してNotionアカウントとWPFormsのようなWordPressフォームプラグインを接続することで、Notionをウェブサイトに統合できます。このセットアップにより、ウェブサイトのフォーム送信からNotionにデータベースエントリを自動的に作成できます。
NotionからWordPressに投稿するには?
現在のところ、NotionからWordPressに直接投稿する方法はありません。しかし、Notionのコンテンツを手動でコピーしてWordPressに貼り付けたり、Zapierを使って2つのプラットフォーム間のタスクを自動化することはできます。
WordPressにNotionのページを埋め込むことはできますか?
Notion ページの共有可能なリンクをコピーし、WordPress エディタの「埋め込み」ブロックを使用して、WordPress サイトに Notion ページを表示することで、WordPress に Notion ページを埋め込むことができます。
ノーティオンでフォームを作成できますか?
Notionにはネイティブのフォーム機能はありませんが、WPFormsのようなサードパーティツールを使ってフォームを作成し、Zapierを使ってフォームデータをNotionに送信することで、Notionをフォーム送信用のデータベースとして効果的に使うことができます。
次は、WordPressのフォームからMicrosoft Teamsのアラートを受け取る方法です。
WordPressのWebサイトでフォームを送信したときにMicrosoft Teamsのアラートを受け取る方法を考えたことはありますか?WPFormsを使用し、Zapier経由でMicrosoft Teamsに接続することで、フォームのMicrosoft Teamsアラートを有効にするガイドをご覧ください。
フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。