AIサマリー
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をまだインストールしていない場合は、まずインストールしてください。ほんの1分で完了します。WordPressにプラグインをインストールする方法がわからない場合は、こちらのステップバイステップガイドをご覧ください。
ステップ2:Airtableアドオンをインストールする
次に行う必要があるのは、WPForms用のAirtableアドオンをインストールすることです。
WordPressのダッシュボードからWPForms " Addonsに移動し、Airtable Addonを検索します。

リストからAirtableアドオンを探し、アドオンのインストールをクリックします。ダウンロードが完了したら、[Activate]をクリックし、サイト上で動作させます。正常に動作すると、アドオンの横に緑色のチェックマークが表示されます。
ステップ 3: WPFormsにAirtableアカウントを接続する
アドオンがアクティブになったら、WPForms " Settings " Integrationsに移動します。
Airtableインテグレーションを見つけ、クリックして展開します。新しいアカウントを追加]をクリックします。
新しいウィンドウが開き、WPFormsにAirtableアカウントへの接続許可を与えるよう求められます。
すべての拠点にアクセス権を与えるか、特定の拠点にアクセス権を与えるかを選択できます。選択後、アクセスを許可するをクリックします。
接続が完了すると、WPForms設定のAirtableの横に緑色の "Connected "ステータスが表示されます。
ステップ4: WordPressフォームを作成する
さて、いよいよAirtableベースのデータを収集する実際のフォームを作成します。
WordPress ダッシュボードからWPForms"Add Newに移動し、新しいフォームを作成します。

設定ページでは、フォーム名をお好きな名前に変更できます。さらに、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」 ボタンを押してページを公開しましょう。

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

これで完成です!この効率的な統合により、WordPress で Airtable のカスタムフォームを作成し、生産性を向上させることができます。
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フォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
