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

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

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

コードを一行も書かずにカスタムスプレッドシートアプリを構築できます。カスタムフォームをベースにリンクすることで、コピー&ペーストをスキップし、すべてのレコードを1か所に整理できます。

この記事では、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ライセンスが必要です。Airtable連携はEliteプランに含まれています。

WPFormsのホームページ

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

プロのヒント

WPForms Liteをご利用ですか? Eliteにアップグレードすると、既存のフォームはそのままに、Airtableのような連携に必要な高度な機能が追加されます。

ステップ2:Airtableアドオンのインストール

次に、WPForms用のAirtableアドオンをインストールします。

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

WPFormsアドオン画面

リストからAirtableアドオンを見つけ、Install Addonをクリックします。ダウンロードが完了したら、Activateをクリックしてサイトで実行します。すべて正常に機能すると、横に緑色のチェックマークが表示されます。

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

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

Airtable連携を見つけてクリックして展開します。次に、Add New Accountをクリックします。

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

すべてのベースへのアクセスを許可するか、特定のベースを選択するかを選択できます。選択後、Grant Accessをクリックします。

接続後、WPFormsの設定に戻ると、Airtableの横に緑色の「Connected」ステータスが表示されます。

ステップ4:WordPressフォームの作成

これで、Airtableベースのデータを収集するための実際のフォームを作成する時間です。

WordPressダッシュボードから WPForms » 新規追加 に移動して、新しいフォームを作成します。

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

セットアップページで、フォーム名を好きな名前に変更できます。さらに、2,100以上のフォームテンプレートからテンプレートを選択できます。この例では、カスタムAirtableフォームを作成するために シンプルな連絡先フォーム テンプレートを使用します。

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

WPFormsはすぐにフォームテンプレートを読み込み、フォームビルダー画面に移動します。フィールドを追加する際は、Airtableのワークフローを考慮してください。

テンプレートを読み込みました

フォームデータを送信したいAirtableレコードの列にフィールドを一致させることをお勧めします。これにより、フォームフィールドをAirtableの列に簡単にマッピングできます。

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

カスタマイズされたお問い合わせフォーム

ドラッグアンドドロップビルダーを使用して任意のフォームにフィールドを追加する詳細な手順については、シンプルな連絡先フォームの作成方法のチュートリアルをご覧ください。

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

フォームの保存

このセットアップの優れた点は、ここに追加するすべてのフィールドがAirtableベースの列になることです。そのため、それに応じて計画してください。効果的なフォームフィールドのアイデアについては、より良い連絡先フォームを作成するためのガイドをご覧ください。

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

フォームビルダーで、設定 » Airtable に移動し、新しい接続を追加 をクリックします。

接続ニックネームを求めるポップアップが表示されます。これは参照用です。

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

  • 以前に接続したAirtable アカウント を選択します。
  • フォームエントリを送信したいAirtable ベース を選択します。
  • そのベース内で、新しいレコードを作成したい特定の テーブル を選択します。

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

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

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

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

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

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

フィールドのマッピングが完了したら、保存 をクリックすることを忘れないでください。

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

Airtable統合がいつ実行されるかを制御するために、条件付きロジックを追加することもできます。

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

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

ステップ8:Airtableフォームの埋め込み

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

フォームの埋め込み

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

新規ページを作成

テキストボックスにボックスの名前を入力し、開始!ボタンを押します。

WPForms ページ名を指定するボックス

WordPressブロックエディターに移動すると、フォームが実際に動作しているのを確認できます。ここでフォームのコンテキストを追加すると良いでしょう。

訪問者が送信すると何が得られるかを説明する見出しや、サービスに関する簡単な説明などです。
準備ができたら、上部にある公開ボタンを押してページを公開します。

Airtableフォームを公開する

次に、このページをウェブブラウザの新しいタブで開きます。そして、フォームに入力して送信ボタンをクリックし、テストフォームエントリを作成します。

Airtableフォームが公開されました

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

プロのヒント:

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

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

WordPress Airtableフォーム連携の仕組みを学ぶことは、読者の間で人気のある関心事です。それに関する一般的な質問への回答を以下に示します。

WPFormsをAirtableに接続するにはどうすればよいですか?

Airtableアドオン(Eliteライセンスで利用可能)を使用して、統合タブから数回クリックするだけで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日間の返金保証が付いています。

この記事がお役に立った場合は、FacebookTwitterでフォローして、WordPressの無料チュートリアルやガイドをさらにご覧ください。

開示:当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPFormsがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかをご覧ください

ケイシー・クーパー

ケイシーはWPFormsのブログを担当し、週刊ニュースレターを監督しています。また、楽しいフォームテンプレートを作成することにも情熱を注いでいます。2016年からWordPressでブログを書き、それについて執筆しています。 詳細はこちら

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

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。

コメントを追加

コメントを残していただきありがとうございます。コメントはすべて、当社のプライバシーポリシーに従ってモデレーションされます。また、すべてのリンクはnofollowとなります。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。

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