最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WordPressでカスタムAirtableフォームを作成する方法(簡単な方法)

WordPressのフォーム送信を手動でスプレッドシートにコピーするのは、膨大な時間の無駄です。毎週貴重な時間を奪われます。さらに、コピー&ペーストのエラーが1つでも発生すると、ワークフロー全体が簡単に台無しになります。

しかし、フォームのエントリ管理は、煩雑なスプレッドシートや散らばったデータと格闘する必要はありません。

WordPressフォームをAirtableに接続すると、データを整理し、ビジネスを効率化できます。また、プロセス全体を自動化することで、手動でのデータ入力のフラストレーションから解放されます。

WPBeginnerでは、読者の皆様に最も簡単なソリューションを提供するために、数十のツールをテストしてきました。このガイドでは、コーディングや技術的なスキルを必要とせずに、WordPressでカスタムAirtableフォームを作成する方法を具体的にご紹介します。

カスタムAirtableフォームを作成

💡 クイックアンサー: WPForms Proを使用して問い合わせフォームを作成し、そのネイティブAirtableアドオンを使用して、2つのプラットフォームを自動的に接続します。

WordPressでカスタムAirtableフォームを作成する理由

カスタムAirtableフォームは、WordPressフォームデータを強力なデータベースに自動的に整理するため、手動でのデータ入力をスキップして、重要なことに集中できます。

例えば、次のようなことができます:

  • 毎週の時間を節約 – フォーム送信をスプレッドシートにコピーする必要はもうありません。
  • データをアクションに変える – AirtableをCRM、プロジェクトトラッカー、または在庫システムとして使用します。

あなたは、お問い合わせフォーム、アンケート、顧客からの質問など、大量のデータが流入する忙しいウェブサイトを運営していると想像してみてください。このすべての情報を追跡することは、すぐに悪夢になりかねません。

メール、スプレッドシート、整理されていないデータの海に迷い込み、すべてを理解しようとして貴重な時間を無駄にしていることに気づくでしょう。ここでカスタムAirtableフォームが役立ちます。

Airtableは、カスタムデータ駆動型アプリケーションを作成できるデータ管理ツールです。これにより、ウェブサイトで収集したデータを、WordPressフォームを使用してより視覚的に表示できます。

例えば、WordPressの問い合わせフォームデータをAirtableでCRM(顧客関係管理)ツールとして使用し、WordPressフォームでキャプチャしたリードや連絡先を管理できます。また、ユーザーアンケートからのデータをAirtableに保存することもできます。

WordPressでAirtableを使用するその他のユースケースをいくつか紹介します。

ユースケース従来の方式Airtable連携時主要なメリット
リード管理手動CSVエクスポートCRMデータベースへの自動同期リアルタイムリード追跡
コンテンツプランニング散らばったスプレッドシート統合された編集カレンダーチームコラボレーション
プロジェクト管理メールスレッドカンバンボードビュー視覚的なタスク追跡
在庫管理手動在庫更新自動在庫同期オンラインストアの在庫切れを防ぐ

基本的に、WordPressのコンタクトフォームから収集したデータをAirtableで使用して、ビジネス用のカスタムアプリ、ワークフロー、ツールを作成できます。

それを踏まえて、WordPressでカスタムAirtableフォームを簡単に作成する方法を見てみましょう。

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

WordPressでカスタムAirtableフォームを作成するには、まずWPFormsを使用して連絡先フォームを作成します。

次に、WPForms Proで利用可能なネイティブAirtableアドオンを使用して、フォームをAirtableに直接接続します。これは、コードなしで2つの異なるアプリを接続するブリッジとして機能します。

この投稿で説明する手順の概要は次のとおりです。

準備はいいですか?始めましょう。

ステップ1:Airtableアカウントを作成する

Uncanny Automatorを使用してAirtableを統合する前に、Airtableアカウントをお持ちであることを確認してください。

ウェブサイトで、「無料でサインアップ」ボタンをクリックするだけで開始できます。

Airtableのホームページ

次に、メールアドレスを入力するように求められます。

または、シングルサインオンまたは既存のGoogleアカウントを使用してAirtableアカウントを作成することもできます。お好みの方法を自由に選択してください。ここでは「Googleで続行」を選択します。

Airtableアカウントへのサインアップ

次に、アカウント設定ウィザードに従って、Airtableベースとテーブルを作成してください。

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

WPFormsは、市場で最高のWordPressお問い合わせフォームビルダープラグインであり、簡単なドラッグアンドドロップインターフェイスを使用して、あらゆる種類のフォームを簡単に作成できます。

WPBeginnerでは、お問い合わせフォームや年次ユーザーアンケートの作成など、さまざまなタスクにWPFormsを使用しています。私たちの詳細なWPFormsレビューをチェックして、ご自身でご確認ください。

まず、WPFormsアカウントを作成しましょう。WPFormsのウェブサイトで、「今すぐWPFormsを入手」をクリックし、プランを選択して、チェックアウトプロセスを完了してください。

WPFormsのウェブサイトにある、行動喚起ボタンの例

📝 注意:無料版のWPFormsUncanny Automatorのようなサードパーティツールを使用してAirtableに接続することは可能ですが、このチュートリアルでは最も簡単な方法に焦点を当てています。それは、WPForms Proに直接組み込まれているネイティブAirtable統合を使用することです。

サインアップ後、独自のWPFormsアカウントエリアにアクセスでき、プラグインのzipファイルをダウンロードしたり、ライセンスキーをコピーしたりできます。

次に、WPFormsプラグインをインストールしてアクティブ化する必要があります。

WordPress管理ダッシュボードのプラグイン » プラグインを追加に移動します。

WordPress管理画面のプラグインの下にあるプラグインの追加サブメニュー

次に、上部にある「プラグインをアップロード」をクリックします。

ファイルアップローダー内で、「ファイルを選択」をクリックしてzipファイルをアップロードします。

WordPressにアップロードしてインストールするプラグインのzipファイルを選択

アップロードが完了したら、「今すぐインストール」ボタンをクリックし、次に「有効化」をクリックします。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。WordPressプラグインのインストール方法

アクティベーション後、WPForms » 設定ページに移動する必要があります。

「一般」タブの下で、WPFormsウェブサイトのアカウントからライセンスキーを入力し、「キーの検証」をクリックしてください。

WPFormsでキーを検証する

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

WPFormsがアクティブになったら、次にAirtableアドオンをインストールする必要があります。このアドオンは、WordPressフォームとAirtable間の接続を可能にするものです。

WordPressダッシュボードで、WPForms » アドオンに移動し、Airtableアドオンを検索して「アドオンをインストール」ボタンをクリックします。

Airtableアドオンのインストール

インストールされると、アドオンは自動的にアクティブ化されます。いつでも無効にするには、トグルをオフに切り替えるだけです。

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

Airtableアドオンがアクティブになったら、AirtableアカウントをWPFormsにリンクする時間です。これにより、WPFormsはフォームの送信を直接Airtableに送信できるようになります。

WordPress管理エリアから、 WPForms » 設定 » 統合に移動し、リストから「Airtable」を見つけます。承認プロセスを開始するには、「新しいアカウントを追加」をクリックします。

WPFormsとAirtableの統合の設定

これにより、WPFormsはAirtableアカウントへのアクセスを要求します。

承認プロセス中に、WPFormsにすべてまたは特定のAirtableベースへのアクセスを許可するかどうかを尋ねられます。設定に最適なオプションを選択し、「アクセスを許可」をクリックして確認してください。

WPFormsとAirtableの統合の許可

接続が確立されたら、「インテグレーション」ページに戻ってすべてが正常に完了したことを確認してください。

Airtableアカウントの横に緑色の「接続済み」ステータスが表示されるはずです。

WPFormsがAirtableに接続されました

ステータスがすぐに表示されない場合は、ページを更新してみてください。WordPressが追いつくのに少し時間がかかる場合があります。

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

Airtableアカウントが接続されたので、データを送信するWordPressフォームを作成する時間です。

WordPressダッシュボードから「WPForms」→「新規追加」に移動します。

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

セットアップページで、後で参照しやすいようにフォームに名前を付けることを確認してください。

たとえば、「カスタムAirtableフォーム」と名付けることができます。

Airtableフォームの名前付け

次に、フォームをどのように構築するかを選択する必要があります。

WPForms ProにはAI搭載フォームビルダーが付属しているため、簡単なプロンプトを入力するだけでフォームを作成できます。

WPForms AI フォームの実際の動作

これにより、ゼロから始めることなく、カスタムフォームを生成するのがさらに迅速になります。

ただし、ほとんどのユーザーにとっては、「シンプルなコンタクトフォーム」テンプレートが優れた出発点となります。最も一般的なフィールドがすでに含まれており、時間を節約できます。

wpforms ドラッグ&ドロップエディター

テンプレートを選択すると、WPFormsがそれをフォームビルダーにロードするため、すぐにカスタマイズを開始できます。

例えば、B2Bの見込み客からリードを収集するための問い合わせフォームを作成するとしましょう。この場合、問い合わせフォームに「会社」と「電話番号」を追加したいと考えます。

「会社」を追加するには、「一行テキスト」項目を追加し、その要素をクリックしてフィールド名を「会社」に変更する必要があります。

会社フィールドの追加

見込み客に電話番号を提供してもらいたい場合は、フィールドオプションの「電話」をエディターにドラッグするだけです。

必要に応じて、他のフィールドを自由に追加してください。

電話フィールド

詳細については、WordPressでコンタクトフォームを作成する方法に関するガイドを参照してください。

フォームが作成されたら、次のステップはそれをAirtableアカウントに直接接続することです。これにより、WPFormsはフォーム送信をどこに送信するかを正確に把握します。

Airtable接続の設定

フォームビルダー内で、左側のメニューから「設定」→「Airtable」に移動します。

「新規接続を追加」をクリックして開始します。

お問い合わせフォームにAirtable連携を追加する

この接続のニックネームを入力するように求められます。

これは参照用ですので、後で簡単に識別できるものを選択してください。たとえば、「コンタクトフォームAirtable同期」などが適しています。

Airtable連携の名前を設定する

次に、ドロップダウンメニューからAirtableアカウントを選択する必要があります。

その後、フォーム送信を保存する特定のベースとテーブルを選択します。

連携のためのAirtableアカウント、ベース、テーブルを追加する

この時点で、Airtableベースを別のブラウザタブで開いておくと役立ちます。これにより、推測することなく、正しいベースとテーブルを選択していることをすばやく確認できます。

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

次に、どのフォームフィールドがAirtableテーブルのどの列と一致するかをWPFormsに正確に伝える重要なステップです。これはフィールドマッピングと呼ばれ、誰かがフォームを送信するたびにデータが正しい場所に配置されることを保証します。

次に、ドロップダウンからAirtableフィールドを選択して、WPFormsのコンタクトフォームフィールドと一致させます。

たとえば、Airtableの「電話」列をフォームの「電話」フィールドにマッピングし、「会社」列を「会社」フィールドにマッピングすることができます。

お問い合わせフォームフィールドとAirtableベースのマッピング

🛑 重要: ここは時間をかけてください。マッピングを正しく行うことで、最初の送信からAirtableテーブルをクリーンで整理された状態に保つことができます。

WPFormsのフィールドタイプがAirtableの列タイプと一致していることを確認してください。たとえば、Airtableに「Eメール」列がある場合は、WPFormsの「Eメール」フィールドにマッピングされていることを確認してください。

フィールドタイプが一致しないと、データが正しく同期されない可能性があります。

すべてのフィールドをマッピングしたら、「保存」をクリックして変更を保存してください。

ステップ8:条件付きロジックを追加する(オプション)

このステップは完全にオプションですが、特定のフォーム送信のみをAirtableに送信したい場合には非常に役立ちます。たとえば、フォームで特定のオプションを選択したユーザーからのエントリのみをキャプチャしたい場合があります。

開始するには、Airtable接続設定内の「条件付きロジックを有効にする」をオンにしてください。

オンになったら、ワークフローに適したルールを設定するだけです。たとえば、「会社」フィールドが空でない場合にのみ、WPFormsにAirtableに送信するように指示できます。

Airtable連携の条件付きロジックを有効にする

現時点でこのレベルの制御が必要ない場合は、このステップを完全にスキップしても構いません。必要に応じて、後で戻って設定することもできます。

ステップ9:フォーム通知と確認を設定する

フォームの準備ができたので、送信後に何が起こるかを設定する時間です。

通知は、フォームが送信されたときに受信するメールです。一方、確認は、訪問者が「送信」をクリックした後に表示されるものです。

デフォルトでは、WPFormsはすでにWordPress管理者のメールに通知を送信しています。そのため、メッセージの受信を開始するために何も設定する必要はありません。ただし、ワークフローに合わせてこれらの設定をカスタマイズすることは可能です。

設定を開くには、設定 » 通知に移動して、次の設定を行います。

これは、営業やカスタマーサポートなど、異なる種類の問い合わせを異なるチームが処理したい場合に特に役立ちます。

複数の受信者を持つお問い合わせフォームの通知

変更を加えた場合は、「保存」をクリックすることを忘れないでください。

🧑‍💻 プロのヒント:WordPressフォームのメールが失われたり、迷惑メールに分類されたりすることがあります。これを修正するには、通知が確実に受信トレイに届くようにWP Mail SMTPを使用することをお勧めします。WordPressがメールを送信しない問題を修正するステップバイステップガイドに従ってください。

次に、確認を設定するには、「確認」タブに切り替えてください。

WPFormsには3つのオプションがあります。

ほとんどの問い合わせフォームでは、シンプルで高速なメッセージが最適です。ユーザーはページ上に留まります。次のようなメッセージを作成できます。

「お問い合わせいただきありがとうございます!メッセージを受信しました。1〜2営業日以内に返信いたします。」

これにより、訪問者は安心し、明確な期待値が設定されます。

フォーム確認メッセージのカスタマイズ

コンテンツを宣伝したり、ダウンロードを提供したり、コンバージョンを追跡したりしたい場合は、専用ページにリダイレクトする方が良い場合があります。

完了したら、「保存」をクリックして変更を適用してください。

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

フォームの設定が完了したら、WordPressサイトに追加します。

上部にある「埋め込み」ボタンをクリックするだけです。

WPFormsの埋め込みボタン

既存のページまたは新しいページに問い合わせフォームを埋め込むことができます。

この場合、「既存のページを選択」を選びます。

既存のページを選択

その後、好きなページを選択し、「Let's Go!」ボタンを選択できます。

これにより、そのページのWordPressコンテンツエディターに移動します。

ページに埋め込む

やるべきことは、左上隅にある「+」ボタンを押すだけです。

次に、WFormsウィジェットを見つけて選択し、ページに追加します。

WPFormsブロックの追加

ここから、作成したばかりのコンタクトフォームを選択できます。

これにより、フォームがページに自動的に埋め込まれます。

ブロックのドロップダウンからお問い合わせフォームを選択する

これで、コンテンツエディターにフォームが表示されます。

右側のパネルで、フォームの設定を調整し、ブランドに合わせたテーマを適用できます。

AirtableフォームにWPFormsテーマを適用する

公開する前に、フォームをテストすることをお勧めします。これは、WPFormsとAirtable間の接続を確認するのに役立ちます。

ページをプレビューして、テストエントリを作成するだけです。

すべてのフィールドが正しく表示され、理解しやすいことを確認することから始めます。次に、サンプル名、メール、電話番号、会社名、メッセージを入力してフォームをテストします。

Airtableフォームのテスト

必須フィールドを空のままにするか、無効なメールアドレスを入力して、検証が正しく機能することを確認することもできます。

「送信」をクリックして、確認メッセージまたはリダイレクトが期待どおりに表示されることを確認します。

確認メッセージの確認

ここから、Airtableのテーブルを開いて、送信が受信されていることを確認できます。

画面上ではこのようになります。

Airtable上のWPFormsエントリ

すべて確認できたら、上部にある「更新」ボタンをクリックします。

これで、フォームがWordPressサイトに追加されます。

ライブサイト上のAirtableフォーム

詳細については、WordPressフォームの埋め込み方法に関するガイドを参照してください。

ボーナスチップ:リードにSMSメッセージを送信する

この連携がお役に立った場合は、問い合わせフォームを送信したユーザーにSMS通知を送信することも検討してください。

これは、リクエストのステータスを最新の状態に保つための優れた方法です。たとえば、ランディングページにアクセスしてフォームに入力し、サービスに関心があることを示した見込み客がいるとします。

フォームデータはAirtableに入力されますが、リードにSMSメッセージを自動的に送信して、何が期待できるかを知ってもらうための別の接続が必要になります。

最適な選択肢の1つは、SMSメッセージの送信も可能な人気のEメールマーケティングサービスであるBrevoを使用することです。

Brevoのウェブサイト

このソフトウェアを使用すると、連絡先をインポートしてテキストメッセージキャンペーンを送信できるようになります。詳細については、WordPressユーザーにSMSメッセージを送信する方法のチュートリアルに従ってください。

よくある質問:WordPressでカスタムAirtableフォームを作成する

WordPressでカスタムAirtableフォームを作成することに関する一般的な質問をいくつか紹介します。

AirtableとWPFormsを接続するためにコーディングスキルは必要ですか?

いいえ、コーディングの経験は必要ありません。WPFormsを使用すると、組み込みのAirtableアドオンを使用してフォームをAirtableに接続できます。プロンプトに従って接続し、Airtableアカウントへのアクセスを許可するだけです。

フォームエントリを特定のAirtableテーブルに送信できますか?

はい、フォームエントリを送信するAirtableのベースとテーブルを正確に選択できます。また、各フォームフィールド(名前、メール、メッセージなど)をAirtableの対応するフィールドにマッピングすることもできます。

WPFormsのフィールドがAirtableと一致しない場合はどうなりますか?

フィールドが一致しない場合、データは正しく送信されません。そのため、各フィールドを慎重にマッピングすることが重要です。たとえば、WPFormsのメールフィールドがAirtableのメールタイプのフィールドに接続されていることを確認してください。

WordPressにフォームエントリを保存することはできますか?

はい。WPFormsは、データをAirtableに送信する場合でも、デフォルトでWordPressダッシュボードにエントリを保存します(サポートされているバージョンを使用している場合)。これによりバックアップが提供され、送信の管理が容易になります。

Airtableは無料で使えますか?

Airtableは非常に充実した無料プランを提供しており、この統合に最適です。ほとんどの中小企業や個人ウェブサイトにとって、優れた出発点となります。

データニーズが増加した場合、より多くのレコード、ストレージ、高度な機能を提供する有料プランも提供しています。

関連記事:WordPressでビジネスを成長させる

おめでとうございます。これで、WordPressでカスタムAirtableフォームを作成する方法がわかりました。この強力な連携により、フォームデータが整理され、多くの手作業が節約されます。

データ収集が自動化されたので、ビジネスを成長させるためのさらなる方法を探ることができます。以下を確認することをお勧めします。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterFacebookでも私たちを見つけることができます。

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

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

4 CommentsLeave a Reply

  1. これは素晴らしい投稿です!フォームデータ管理を効率化する方法を探していました。AirtableとWordPressの組み合わせは、ゲームチェンジャーになりそうです。これを試すのが楽しみです。詳細な投稿をありがとうございます。

  2. ブログにいくつかのアンケートがありますが、この方法ならブログのユーザーからの回答やデータをシートにするのがより快適です。より良い方法で実現するための良いアイデアです。本当にありがとうございます。

返信する

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。