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

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

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

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

このガイドでは、WordPressで完全に機能するNotionフォームを作成するために必要なツールや手順をすべてご紹介します。さあ、始めましょう!

WPFormsとNotionをZapierで統合! ᙂ.

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

WPForms + Zapierを使って、Notionと連携するWordPressフォームを簡単に作成できます。以下の手順で始めましょう:

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

使い始めるには、まずWPFormsがあなたのWordPressサイトにインストールされ、有効化されていることを確認する必要があります。まだこの作業を行っていない場合は、Proライセンスを使用していることを確認してください。

このライセンスにより、Zapierアドオンにアクセスできるようになります。Zapierアドオンは、フォームからNotionデータベースに直接エントリーを送信するためのZapを作成するために必要です。

WPFormsの価格ページ。

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

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

概念フォームの作成

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

フォームビルダー

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

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

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

フォームプレビュー

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

ステップ 2: Zapierアドオンをインストールして有効化する

次にZapierアドオンを設定しよう。これを行うには、WordPressダッシュボードのWPFormsに 行き、Addonsをクリックする。

WPFormsアドオン

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

zapierアドオンをインストールする

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

zapier設定オプション

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

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に登録する

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

ザップを作成する

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

zapテンプレートを試す

Zapエディタにリダイレクトされ、トリガとアクションイベントが作成されます。例えば、フォーム入力が送信されたら、Notionデータベースにアイテムを作成します。

Zapエディターで、管理しやすいようにZapに名前を付けることから始めます(オプション)。Untitled Zapをクリックして、Renameを選択すると、Zapの名前を変更することができます。

リネーム・ザップ

ステップ5:Zap(WPForms)のトリガーイベントを設定する

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

wpformsザップセットアップ

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

wpformsとzapierの連携

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

zapier apiキー

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

zapier enter wpforms api key

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

トリガーフォームを選択

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

テストトリガー

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

選択したレコードを続ける

選択したレコードで続行]をクリックして、次のアクションイベントの設定ステップに進みます。

ステップ6:ザップ(ノート)のアクションイベントを設定する

次に、Zapのアクションイベントを設定します。ZapエディタでNotionをクリックし、画面の右側にある オプションを開きます。

アクション・イベントの設定

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

zapierで概念をつなぐ

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

zapier 認証概念

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

概念ページを選択

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

zapierの概念アカウントに接続

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

selectデータベース zapier

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

マップフィールド

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

コンティニュー・ノート・セットアップ

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

テスト統合 zapier

すべてが正常に動作した場合、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フォームを今すぐ作成

フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。

この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。

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

ハムザ・シャヒード

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

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

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

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。

コメントを追加する

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

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