WordPress用のAirtableカスタムフォームを作成する

WordPressでカスタムAirtableフォームを作成する方法

WordPressサイトにAirtableのカスタムフォームを作成したいですか?Airtable は、スプレッドシートとデータベースのパワーを組み合わせたクラウドサービスです。

一行もコードを書くことなく、カスタムスプレッドシートアプリを構築することができます。カスタムフォームをベースにリンクすることで、コピー&ペーストを省略し、すべての記録を一箇所に整頓することができます。

この記事では、WPFormsを使ってフォームデータを直接Airtableベースに送信する方法を紹介します。

今すぐAirtableフォームを作成しましょう! 🙂 ←クリック

なぜWordPressでカスタムAirtableフォームを作るのか?

Airtableを使えば、データベースのように情報を保存するカスタム・スプレッドシート・アプリケーションを構築できる。

製品計画、ユーザー調査、販売CRM、製品発表、コンテンツ・カレンダー計画などに使用できる、使いやすく視覚的に魅力的なスプレッドシートを作成します。

しかし、Airtableアカウントにすべてのデータを手動で入力する必要があります。この問題を回避するには、WordPressサイトを立ち上げ、WPFormsをAirtableに接続します。

誰かがフォームを送信すると、その入力内容は自動的にAirtableのベースとテーブルに追加され、時間を大幅に節約し、データ入力ミスを減らすことができます。

WordPressでカスタムAirtableフォームを作成する方法

WordPressのAirtableとの連携はWPFormsで簡単に設定できます。以下のステップに従うだけで、すぐにWordPressサイトに埋め込むためのAirtableフォームを準備することができます!

ステップ1:WPFormsプラグインをインストールする

WordPressでAirtableフォームを作成するには、WPForms Eliteライセンスが必要です。

WPFormsのホームページ

WPFormsをまだインストールしていない場合は、まずインストールしてください。ほんの1分で完了します。WordPressにプラグインをインストールする方法がわからない場合は、こちらのステップバイステップガイドをご覧ください。

プロからのアドバイス

すでにWPForms Liteをお使いですか?エリートにアップグレードすると、既存のフォームはそのままに、Airtableのような統合に必要な高度な機能が追加されます。

ステップ2:Airtableアドオンをインストールする

次に行う必要があるのは、WPForms用のAirtableアドオンをインストールすることです。

WordPressのダッシュボードからWPForms " Addonsに移動し、Airtable Addonを検索します。

WPFormsアドオン画面

リストからAirtableアドオンを探し、アドオンのインストールをクリックします。ダウンロードが完了したら、[Activate]をクリックし、サイト上で動作させます。正常に動作すると、アドオンの横に緑色のチェックマークが表示されます。

ステップ 3: WPFormsにAirtableアカウントを接続する

アドオンがアクティブになったら、WPForms " Settings " Integrationsに移動します。

Airtableインテグレーションを見つけ、クリックして展開します。新しいアカウントを追加]をクリックします。

新しいウィンドウが開き、WPFormsにAirtableアカウントへの接続許可を与えるよう求められます。

すべての拠点にアクセス権を与えるか、特定の拠点にアクセス権を与えるかを選択できます。選択後、アクセスを許可するをクリックします。

接続が完了すると、WPForms設定のAirtableの横に緑色の "Connected "ステータスが表示されます。

ステップ4: WordPressフォームを作成する

さて、いよいよAirtableベースのデータを収集する実際のフォームを作成します。

WordPress ダッシュボードからWPForms"Add Newに移動し、新しいフォームを作成します。

WPFormsに新しいフォームを追加する

設定ページでは、フォーム名をお好きな名前に変更できます。さらに、2,000 以上のフォームテンプレートからテンプレートを選択できます。この例ではシンプルコンタクトフォームテンプレートを使ってAirtable カスタムフォームを作成します。

シンプルなコンタクトフォーム

WPForms はフォームテンプレートをすぐに読み込み、フォームビルダー画面に移動します。Airtableのワークフローを考えながらフィールドを追加していきましょう。

コンタクトフォームのテンプレートが読み込まれました

フォームデータを送信したいAirtableレコードのカラムにフィールドを合わせることをお勧めします。こうすることで、フォームフィールドをAirtableのカラムに簡単にマッピングすることができます。

そこで、Airtableワークシートの列がそのように設定されているため、電話番号 フィールドと「組織名」とラベル付けされた一行テキストフィールドを追加することにする。

カスタマイズされたコンタクトフォーム

ドラッグアンドドロップビルダーを使用してフォームにフィールドを追加する詳細な手順については、簡単なお問い合わせフォームの作成方法のチュートリアルを参照してください。

フィールドを追加したら、保存をクリックしてフォームを保存します。

フォームの保存

この設定の利点は、ここで追加したフィールドがすべてAirtableベースのカラムになることです。効果的なフォームフィールドのアイデアについては、より良いコンタクトフォームを作成するためのガイドをご覧ください。

ステップ 5: Airtable をフォームにリンクする

フォームビルダーで、Settings " Airtableに進み、Add New Connectionをクリックする。

接続ニックネームの入力を求めるポップアップが表示されます。

ニックネームを入力してOKをクリックすると、Airtable接続の設定が表示されます:

  • 先ほど接続したAirtableアカウントを選択します。
  • フォームエントリーを送信したいAirtableBaseを選択します。
  • 新しいレコードを作成したいベース内の特定のテーブルを選択する。

ステップ6:フィールドをAirtableにマッピングする

次に、カスタムフィールドというセクションが表示されます。

ここでは、Airtableの各カラムをWPFormsフォームのフィールドにマッピングできます。

  • カスタムフィールド名」ドロップダウンで、Airtableフィールド(カラム)を選択します。
  • フォームフィールドの値」ドロップダウンで、一致するWPFormsフィールドを選択します。

ボタンをクリックすると、必要に応じてマッピングを追加できます。

これで、誰かがフォームを送信するたびに、選択したAirtableテーブルに新しいレコードが作成され、フィールドが自動的に入力されます。

フィールドのマッピングが完了したら、「保存」をクリックするのをお忘れなく。

ステップ7:(オプション)条件ロジックの追加

また、Airtable統合に条件付きロジックを追加して、実行タイミングを制御することもできます。

例えば、ユーザーがドロップダウンで特定のオプションを選択した場合のみ、エントリーをAirtableに送信したい場合があります。

これを有効にするには、「条件ロジックを有効にする」をオンにして、ルールを設定する。

ステップ 8: Airtable フォームを埋め込む

フォームを投稿、ページ、ウェブサイトのサイドバーに簡単に埋め込むことができます。WordPress のページに埋め込む方法を見てみましょう。まず、フォームビルダーの上部にある埋め込みボタンをクリックします。

埋め込みフォーム

ボタンを押すと、モーダルウィンドウに2つの埋め込みオプションが表示されます。このチュートリアルでは、新規ページ作成ボタンをクリックしてフォームを新規ページに埋め込みます。

新しいページを作成する

テキストボックスに名前を付けて、「Let's Go!」ボタンを押してください。

ページボックスに名前を付ける

WordPressのブロックエディターが表示され、フォームが表示されます。このタイミングでフォームの周りにコンテキストを追加しましょう。


準備ができたら、上部にある「Publish」 ボタンを押してページを公開しましょう。

Airtableフォームを公開する

次に、ウェブブラウザの新しいタブでこのページを開いてください。そして、フォームに必要事項を記入し、「送信」ボタンをクリックして、テストフォームの入力を作成してください。

エアテーブル・フォームを公開

これで完成です!この効率的な統合により、WordPress で Airtable のカスタムフォームを作成し、生産性を向上させることができます。

プロのアドバイス

複数のページにフォームを追加したい場合や、さらにスタイルをカスタマイズしたい場合は、WordPress にフォームを埋め込むためのガイドに必要なすべての詳細が記載されています。

WordPressでカスタムAirtableフォームを作成する方法に関するFAQ

WordPress Airtable フォーム統合がどのように機能するかを学ぶことは、読者の間で人気のあるトピックです。ここでは、Airtable フォーム統合に関するよくある質問にお答えします:

WPFormsをAirtableに接続するには?

Airtableアドオン(Eliteライセンスで利用可能)を使用して、Integrationsタブから数回クリックするだけでWPFormsアカウントをAirtableに接続できます。

サードパーティのツールやコーディングの経験は必要ですか?

いいえ!Airtableとの統合はWPFormsに組み込まれています。

WPFormsとAirtableの間で複数のフィールドをマッピングできますか?

Airtableのフィールドタイプと一致する限り、必要な数のフィールドをマッピングできます。

AirtableをWordPressに接続するプラグインは?

WPFormsは、フォームエントリーを収集するための良い選択肢であり、Zapierを使用してAirtableに接続することができます。WPFormsとZapierの組み合わせはシンプルでうまく機能する。

フォームフィールドをマッピングしようとしても表示されない場合は?

これは通常、WPFormsのフィールドタイプが選択したAirtableのカラムタイプと互換性がないことを意味します。フィールドタイプを調整してみてください。

次に、フォームのSMS通知を送信する

WPFormsの統合が役に立ったのであれば、WordPressのフォームからSMS通知を送信する方法をチェックすることをお勧めします。SMS通知を設定することで、新しいフォームエントリーが送信されるとすぐに最新情報を得ることができます。

今すぐWordpressフォームを作成

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

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

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

ケイシー・クーパー

ケイシーはWPFormsのライター兼テンプレート作成者です。彼女は2016年からWordPressでブログを書き、それについて書いている。もっと知る

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

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

コメントを追加する

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

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