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

WordPressのフォーム送信をスプレッドシートにコピー&ペーストするのは時間がかかります。毎週何時間もかかり、一度の間違いでワークフロー全体が台無しになる可能性があります。

ただし、フォームの送信を管理することが、煩雑なスプレッドシートや散らばったデータを扱うことを意味する必要はありません。

フォームをAirtableに接続することで、すべてが整理され、ワークフローが合理化され、手動入力に時間を無駄にすることがなくなります。 🗂️

WPBeginner では、さまざまなプラグインと方法をテストし、WordPress でカスタム Airtable フォームを作成する最も簡単な方法を見つけました。このガイドでは、技術的なスキルは不要で、正確な方法を示します。

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

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

WordPressのカスタムAirtableフォームは、フォームデータをよりスマートに収集、整理、利用するための方法を、すべて1か所で提供します。

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

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

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

例えば、WordPressのコンタクトフォームデータをAirtableでCRM(顧客関係管理)ツールとして使用し、WordPressフォームでキャプチャされたリードや連絡先を管理することができます。

ユーザーアンケートからのデータもAirtableに保存できます。

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

  • 📄 整理 – プロジェクトごとにタスクを整理し、責任を割り当て、カンバンビューを使用して進捗状況を追跡します。
  • 📅 コンテンツプランニング – コンテンツカレンダーを作成し、公開日を追跡し、ライターとエディターを割り当ててブログのトラフィックを増やします
  • 🛒 在庫管理 – 商品データベースを維持し、オンラインストアの在庫レベルを監視します。

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

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

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

WordPressでカスタムAirtableフォームを作成するために、まずWPFormsを使用して問い合わせフォームを作成します。

次に、Uncanny Automatorというサービスを使用して、フォームをAirtableに接続します。これは、コードなしで2つの異なるアプリを接続するためのブリッジとして機能します。WPFormsやAirtableを含む、数十のオンラインアプリで使用できます。

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

  1. WPFormsでフォームを作成する
  2. Airtableアカウントを作成する
  3. Airtable でベースとテーブルを設定する
  4. Uncanny Automator と WPForms を統合する
  5. ボーナスチップ:リードにSMSメッセージを送信する
  6. よくある質問:WordPressでカスタムAirtableフォームを作成する
  7. 関連記事:WordPressでビジネスを成長させる

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

ステップ1:WPFormsでフォームを作成する

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

WPBeginnerでは、お問い合わせフォームや年次ユーザーアンケートの作成など、さまざまなタスクにWPFormsを信頼しています。フォーム作成をスムーズかつ効率的に保つことができ、詳細なWPFormsレビューを確認してご自身で確認できます。

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

📝注:WPFormsの無料版を使用して、AirtableとWPFormsを連携させることができます。ただし、WPForms Proにアップグレードすると、2,000以上のフォームテンプレート、条件付きロジックなどの高度なフォーム機能、より多くの支払いオプションなどが利用可能になります!

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

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

WPFormsでキーを検証する

次に、WordPress ダッシュボードの WPForms » 新規追加 ページにアクセスする必要があります。これにより、2000 以上の事前作成済みテンプレートから選択できる WPForms ビルダーインターフェイスが起動します。

WPFormsにはAI搭載フォームビルダーもあり、簡単なプロンプトを入力するだけでフォームを作成できます。

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

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

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

WPForms に名前を付ける

このチュートリアルでは、「シンプルなコンタクトフォーム」テンプレートを使用します。

では、それにカーソルを合わせて「テンプレートを使用」をクリックしましょう。

シンプルな問い合わせフォームのテンプレートを使用する

ここから、ドラッグアンドドロップエディターに移動し、フォームを簡単にカスタマイズできます。

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

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

WPFormsに会社フィールドを追加

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

必要に応じて、他のフィールドを自由に追加してください。詳細については、WordPressでお問い合わせフォームを作成する方法に関するガイドを参照してください。

電話フィールド

フォームを設定したら、WordPressウェブサイトに追加する必要があります。

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

埋め込みボタン

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

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

既存のページを選択

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

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

ページに埋め込む

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

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

WPformsブロック

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

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

コンタクトフォームを選択

次に、一番上にある「更新」ボタンをクリックしてください。

これで、フォームが WordPress ページに追加されるはずです。

更新ボタン

フォームをウェブサイトに追加したら、テストエントリを作成して進んでください。これは、WPForms と Airtable の間の接続を設定および確認するために使用されます。

名前、メール、電話番号、会社名、メッセージを含むテストエントリはこちらです。

問い合わせフォームのエントリ

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

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

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

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

Airtableへのサインアップ

次に、メールアドレスの入力を求められます。または、シングルサインオンや既存のGoogleアカウントを使用してAirtableアカウントを作成することもできます。

お好みの方法を自由に選択してください。ここでは「Googleで続行」を選択します。

Airtableで無料アカウントを作成する

次に、アカウント設定ウィザードに従ってください。

アカウントを作成したら、Airtableの左上隅にある「自動化」タブに切り替えることができます。

Airtableの自動化タブ

「+ トリガーを追加」ボタンをクリックしてください。

これによりドロップダウンメニュー項目が開きます。「Webhook受信時」をクリックしてください。

Webhook受信トリガーの選択

追加すると、右側のサイドバーが表示され、一意のWebhook URLにアクセスできるようになります。

このチュートリアルの次の部分でこのURLが必要になるため、その横にある「コピー」ボタンをクリックすることをお勧めします。

Webhook URLをコピーボタン

次に、このURLをメモ帳など、都合の良い場所に一時的に保存できます。後でガイドで使用します。

ステップ 3: Airtable でベースとテーブルをセットアップする

次に、問い合わせフォームから収集したすべての情報を保存するためのベースをAirtableに作成する必要があります。

Airtable が初めての場合、ベースとテーブルのセットアップ方法がわからないかもしれません。

まず、ベースは情報を整理および保存するために使用される最上位のデータベースです。Airtableのテーブルは、スプレッドシートのシートに似ています。

Airtableアカウントのホームダッシュボードで、「最初から始める」オプションをクリックしてください。

Airtableに移行したい既存のスプレッドシートがある場合は、「すぐにアップロード」オプションをクリックしてください。

最初から始める

ベースとテーブルに名前を付けてください。

ベースの名前を「Sales CRM」、テーブルの名前を「Contacts」とすることにしました。

Airtableでベースとテーブルの名前を変更する

次に、トップの列ラベルを、WPFormsで作成したばかりのフォームフィールドに合わせて変更します。

この場合、「名前」、「会社」、「メール」、「電話」のラベルを追加しました。

ラベルを変更する

このタブは開いたままにしておいてください。後で参照して、WordPress自動化が機能しているかどうかを確認します。

ステップ4:Uncanny AutomatorとWPFormsを連携させる

さて、WordPressダッシュボードに戻りましょう。

WPFormsとAirtableの間にブリッジを構築するために、Uncanny Automatorを使用します。これは、市場で最も人気があり優れた自動化プラグインの1つであり、40,000人以上のWordPressユーザーが利用しています。

WordPressのプロセスを自動化する上で、非常に信頼性が高いことを徹底的にテストしました。Uncanny Automatorのレビューをご覧になり、ワークフローをどのように向上させられるかご確認ください。

それでは、Uncanny Automatorプラグインをインストールして有効化しましょう。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

📝 注記: 無料版の Uncanny Automator を使用して、WPForms と Airtable を接続できます。ただし、Uncanny Automator Pro を使用すると、レシピに遅延や条件付きルールを追加するなど、より高度なワークフローが利用できるようになります。

インストール後、「Automator » Add New」に移動して新しいレシピを作成します。表示されるポップアップで、「Everyone」を選択します。

これにより、オートメーションがログインユーザーや特定のロールだけでなく、すべての訪問者に適用され、訪問者がアクションをトリガーするたびにレシピが実行されるようになります。

レシピタイプとして「全員」を選択

エディターで、レシピに名前を付けてください。

必要になったときに参照しやすいように、簡単な名前を使用することをお勧めします。たとえば、レシピ名は「Airtable Automation」を使用します。

レシピの名前をAirtable Automationとする

次に、「トリガー」セクションに進みましょう。

ここで、WPForms を選択し、ドロップダウンメニューで使用可能なリストからトリガーを選択します。「フォームが送信されました」を選択しましょう。

WPForms トリガーの選択

その後、自動化をトリガーするフォームを選択する必要があります。

作成したばかりのものをドロップダウンメニューから選択してください。その後、「保存」ボタンをクリックするのを忘れないでください。

ドロップダウンからフォームを選択する

それが終わったら、「Action」セクションまで下にスクロールしましょう。

ここから、「アクションの追加」をクリックして「Airtable」を選択できます。

アクションとしてAirtableを選択する

次に、「Airtable Webhook にデータを送信」をクリックするように求められます。

そのオプションを選択してください。

Airtable Webhookオプションへのデータ送信

ここから、前のステップで保存したユニークなAirtableのWebhook URLが保存されているメモを開きます。URLをコピーしてクリップボードに貼り付けてください。

次に、WordPressタブに戻りましょう。

ウェブフックURLを「URL」フィールドに貼り付けてください。

Webhook URLを貼り付ける

その後、他の設定はすべてそのままにして、パネルの一番下までスクロールしてください。

ここで、いくつかのオプションが表示されます。「テストを送信」をクリックすると、Airtableアカウントがデータを受信するかどうかを確認できます。次に、「データ形式を確認」ボタンがあり、送信されるデータをプレビューできます。

すべてに満足したら、「保存」ボタンをクリックして進むことができます。

Automatorレシピの保存

レシピのトリガーとアクションを設定したら、それが機能し始めることを確認したいでしょう。

右側のパネルのスイッチを「下書き」から「公開」に切り替えるだけです。

レシピを公開する

これで完了です!

これで、誰かがフォームを送信するたびに、データはAirtableに送信されます。

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

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

これは、リクエストのステータスを常に最新の状態に保つための優れた方法です。

例えば、あなたのランディングページを訪問し、フォームを送信してサービスに関心を示した見込み客がいるとします。フォームデータはAirtableに入力されますが、リードに次に何が起こるかを知らせるためにSMSメッセージを自動的に送信する別の接続も必要になるでしょう。

最も優れた選択肢の1つは、人気のBrevoを使用することです。これは、SMSメッセージをリードに送信できるメールマーケティングサービスでもあります。

Brevoのウェブサイト

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

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

Uncanny AutomatorとWPFormsおよびAirtableの使用に関するよくある質問をいくつかご紹介します。

WPForms以外のWordPressフォームプラグインを使用できますか?

はい、できます。Uncanny Automatorは、Formidable FormsやGravity Formsを含む、他の多くの人気のあるオンラインフォームビルダーと連携します。

セットアッププロセスは非常に似ています。Uncanny Automator レシピを作成する際に、トリガーとして好みのフォームビルダーを選択するだけです。

これに Uncanny Automator の有料版は必要ですか?

いいえ、このチュートリアルで示されているように、WPFormsとAirtableを接続するにはUncanny Automatorの無料バージョンで十分です。Proバージョンは、より複雑なニーズがある場合に、より多くのアプリ連携と高度な機能を提供します。

Airtableは無料で使えますか?

Airtableは非常に充実した無料プランを提供しており、この連携には最適です。ほとんどの小規模ビジネスや個人ウェブサイトの優れた出発点となります。

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

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

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

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

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

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

究極のWordPressツールキット

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

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

4 CommentsLeave a Reply

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

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