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

airtable form、wp airtable form、wpforms、zapier


WordPressウェブサイトでカスタムAirtableフォームを作成したい?

Airtableは、コードを記述せずにカスタムスプレッドシートアプリを作成できるクラウドサービスです。 Airtableフォームにより、ユーザーの情報をAirtableベースに簡単に保存できます.

この記事では、WordPressのカスタムAirtableフォームを作成する方法を紹介します.

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

Airtableフォームは、クイズや投票を実施し、顧客情報を収集し、製品計画、コンテンツカレンダー計画などを行うWebサイトに最適です。.

Airtableを使用すると、長い表形式で情報を簡単に収集できます.

基本的に、データベースに情報を保存するために使用できる、見事なスプレッドシートを作成できます。ただし、これらのフォームのすべてのデータは手動で入力する必要があり、これはもちろん退屈な作業です。この問題に対処するには、WordPressフォームを作成してAirtableアカウントに統合します.

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

WordPressサイトでカスタムAirtableフォームを作成する最良の方法は、 WPFormsプラグイン. WPFormsは、数分以内にあらゆる種類のフォームを作成できる、最高で最も人気のあるWordPressフォームビルダープラグインです。.

WPForms

それはすぐに使用する準備ができているいくつかの美しいテンプレートを提供します。これらのフォームを使用して、支払いの収集、スパムの送信の防止、地理位置情報の追加など、さまざまなこともできます。詳細については、WPFormsに関するレビューをご覧ください。.

このプラグインの機能の1つは、Zapierを使用してフォームをAirtableアカウントに接続できることです。 Zapierは、Airtable、Googleカレンダー、Slack、Gmailなど、ウェブ上の1,500以上のアプリケーションに接続するアプリです.

フォームをAirtableに接続すると、フォーム内のすべての情報がAirtableアカウントに自動的に追加されます。それはあなたの情報を保存するための迅速かつ簡単な方法ではありませんか? WordPressでカスタムのAirtableフォームを作成する方法を見てみましょう.

ステップ1:WPFormsを使用してWordPressフォームを作成する

フォームの作成を開始するには、まずインストールしてアクティブ化する必要があります WPFormsプラグイン あなたのウェブサイトで。アクティベーションが完了すると、 WPForms»新規追加 フォームを作成する.

次に、 簡単なお問い合わせフォーム オプション。フォーム名フィールドでフォームに名前を追加することもできます.

WPForms Builder、Airtableフォーム

シンプルなフォームには、名前やメールアドレスなどのいくつかの基本的なフィールドがあります。画面の左側からフィールドをドラッグアンドドロップするだけで、このフォームにフィールドを追加できます。さらに情報が必要な場合は、簡単な問い合わせフォームの作成方法に関するガイドをご覧ください。.

フォームのカスタマイズが完了したら、このフォームの通知と確認の設定を変更できます。最後に、 セーブ ボタンをクリックして、設定を失わないようにします.

手順2:Airtable統合のためのZapierアドオンのインストール

次のステップでは、 Zapierアドオンをインストールする. Zapierを使用すると、フォームを同時に2つ以上のアプリに接続できます.

ここでは、Zapierを使用してフォームをAirtableに接続します。 Zapierをインストールするには、 WPForms»アドオン. 次に、検索フィールドを使用してアドオンを探します.

見つかったら、 アドオンをインストール ボタン。次に、WPForms設定ページに移動し、 統合 タブ。ここには、Zapier APIキーがあり、WPFormsをZapierアカウントに接続するために使用されます。.

このページでは、Zapierのロゴを確認できます。それをクリックしてAPIキーを見つけます。このページを開いたままにします。次のステップでこのAPIが必要になります.

Zapier API

ステップ3:Zapの作成

Zapは、2つ以上のオンラインアプリを同時に実行して接続できる自動タスクです。ただし、そのためには、まずZapierアカウントを設定する必要があります。新しいタブを開いてZapierアカウントを作成します.

そのためには、 Zapier公式サイト そしてクリック サインアップ. その後、メールアドレスを使用してサインアップできます.

Zapier、wpforms統合、airtabeフォーム

Zapierダッシュボードが表示されたら、 ザップを作る ボタン.

次に、2つの設定を行う必要があります。

  • トリガーアプリを構成する
  • アクションアプリを構成する

それらを段階的に見てみましょう.

ステップ4:Airtable用のトリガーアプリの構成

Zapは、特定のアクションが発生するたびにトリガーを必要とします。ここでは、トリガーアプリとしてWPFormsを構成する必要があります。をクリックすると ザップを作る ボタンをクリックすると、新しい画面に移動します。このページでは、検索フィールドを使用してWPFormsを検索できます。見つかったら、それをクリックして次のステップに進みます.

WPFormsをzapierに統合する

次のステップで、 継続する ボタン.

wpfrmsをzapierに統合する

WPFormsアカウントにログインする必要がある新しい画面が表示されます。をクリックすると WPFormsにサインインする ボタンをクリックすると、新しいウィンドウのポップアップが表示され、ステップ2で必要なWebサイトアドレスとAPIキーを入力できます。これらの詳細を入力したら、 はい、続行します ボタン.

WPFormsプラグインが WPFormsアカウントを選択 ページ。画面の[テスト]ボタンをクリックして、ZapierアカウントがWPFormsプラグインに適切に統合されているかどうかを確認します.

成功メッセージが表示された場合は、[保存して続行]ボタンをクリックして続行してください。 Zapierがアクセスします WPFormsプラグイン アカウントで作成したすべてのフォームを取得できます。ドロップダウン矢印を使用して、以前に作成したフォームを選択し、 継続する ボタン.

Zapierがフォームのすべてのエントリを取得します。 WPFormsとAirtable間の接続のテストに使用できるように、フォームエントリのいずれかを選択します。クリックしてください 継続する 続行するボタン.

ステップ5:アクションアプリの構成

この手順は前の手順の続きであり、ここでアクションアプリを構成します。そのためには、以下のスクリーンショットに示されているリンクをクリックしてください.

Zapierの設定

ドロップダウン矢印を使用してAirtableアプリを選択できるようになりました.

エアテーブルアクションアプリを選択

Airtableアクションを選択するように求められます。ここにはいくつかのオプションがあります。必要なオプションを選択します。ここでは、レコード作成オプションを選択します。をクリックしてステップを終了します 保存して続行 ボタン.

次のステップで、 アカウントを接続する AirtableアカウントをZapierに接続するためのボタン。 Airtable APIキーの入力を求めるポップアップウィンドウが画面に表示されます。 Airtable APIを取得するには、新しいタブを開いてAirtableアカウントにログインします。 APIは[アカウントの概要]にあります。右上のプロフィール写真をクリックして、 口座[アカウント]状況.

API Airtable

テキストボックスをクリックすると、APIを表示できます。このAPIをコピーしてZapierウィンドウに貼り付けます.

完了したら、 はい、続行します ボタン。 Airtableアカウントがに追加されていることがわかります Airtableアカウントを選択 ページ。これで、 テスト ZapierとAirtableアカウント間の接続をテストするボタン.

ステップ6:Airtableテンプレートの設定とテスト

最後のステップは、Airtableテンプレートをセットアップしてテストすることです。 Airtableアカウントの上部にある[テンプレート]タブをクリックすると、Airtableテンプレートを見つけることができます.

エアテーブルテンプレート

テンプレートを選択するには、まずベースを選択する必要があります。選択してみましょう ユーザー調査 このチュートリアルのためのベースとして。テンプレートは次のようになります.

ワードプレスのエアベース

ZapierはフィールドのカスタムAirtableフォームからデータをフェッチします。これらの各フィールドは編集可能です。完了したら、下にスクロールして、 継続する ボタン。次のステップでは、WPFormsとAirtable接続をチェックすることができます。 Airtableにテストを送信する ボタン.

Airtableアカウントのテストフォームエントリを使用して、新しい連絡先が作成されます。 Airtableアカウントにログインして、連絡先が作成されたかどうかを確認できます。完了したら、Zapierアカウントに戻って、 仕上げ ボタンをクリックしてプロセスを完了します。画面を下にスクロールして、 あなたのザップ オプションオン。 Zapに名前を追加することもできます.

ザップ名

ユーザーがフォームを送信するたびに、情報がAirtableアカウントに自動的に追加されるようになりました.

ステップ7:WordPressにAirtableフォームを埋め込む

フォームの準備ができたら、簡単にWebサイトに埋め込むことができます。投稿、ページ、サイドバーに埋め込むことができます。フォームを埋め込むには、 ページ»新規追加. 次に、フォームに名前を追加して、 「+」 署名してブロックを追加します。次に、最も使用されているブロックセクションからWPFormsを選択します。.

wpformsを埋め込む

ここで、ドロップダウン矢印をクリックして、作成したフォームを選択します。 WPFormsプラグイン.

フォームがページエディタに追加されます。最後のステップは、フォームを発行することです。そのためには、[公開]ボタンをクリックするだけで、フォームがすぐに有効になります.

フォームの発行、WPForm

以上です。カスタムAirtableフォームが正常に作成されました。この記事がお役に立てば幸いです。メールニュースレターの作成方法もご覧ください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map