WordPressサイト用のカスタムAirtableフォームを作成しますか?

Airtableは、独自のデータ駆動型アプリケーションを作成できるデータ管理ツールです。 基本的に、Webサイトのフォームを使用してデータを収集し、それを使用してスプレッドシート、連絡先リスト、予約カレンダーなどを作成できます。

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

しかし、まず、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法 

次に、なぜここにいるのか。

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

Airtable は、データに基づいてカスタムアプリケーションを構築できるデータ管理ツールです。 WordPressフォームを使用してWebサイトで収集されたデータをより視覚化するために使用できます。

たとえば、次のデータを使用できます。 お問い合わせフォーム ツールとしての Airtable の WordPress CRM(顧客関係管理)。

それはまた使用することができます 見込み客を管理する WordPressフォームによってキャプチャされます。 また、ユーザー調査データをWebサイトに保存するためにも使用できます。

基本的にあなたはから収集されたデータを使用することができます WordPressの連絡フォーム Airtableで、ビジネス用のカスタムアプリ、ワークフロー、ツールを構築します。

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

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

WordPress でカスタム Airtable フォームを作成するには。 まず、 お問い合わせフォーム ヘルプ WPFormsより.

これは、市場で最高のWordPressフォームビルダープラグインであり、単純なドラッグアンドドロップインターフェイスを使用して、あらゆるタイプのフォームを簡単に構築できます。

その後、次のサービスを使用してフォームをAirtableに接続します Zapier.

Zapierは、コードなしでXNUMXつの異なるアプリを接続するためのブリッジとして機能します。 WPFormsやAirtableなど、数十のオンラインアプリで使用できます。

準備はいい? 行こう。

WPFormsでフォームを作成する

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

注:WPForms Zapierアドオンにアクセスするには、Proバージョン以上が必要です。

アクティベートすると、ページに移動します  WPForms >>設定、 ライセンスキーを入力します。 ライセンスキーは、WPForms Webサイトのアカウントで確認できます。

Wpforms設定ライセンスキー

その後、あなたは続ける必要があります WPForms»新規追加 WordPressダッシュボード。 これにより、WPFormsインターフェースが起動します。

のモデルを使用します お問い合わせフォーム XNUMX つの追加フィールドを備えた単純な '会社' et '電話'。

カスタムエアテーブルフォームワードプレスフォームを作成する方法お問い合わせblogpascher

フォームを設定したら、WordPressWebサイトに追加する必要があります。 フォームを追加する投稿またはページを編集するだけです。

事後編集画面で、ボタンをクリックします (+) 新しいブロックを追加します。 その後、WPFormsブロックを見つけて、コンテンツスポットに追加します。

blogpascherブロックを追加してカスタムのワードプレスエアテーブルフォームを作成する方法

詳細な手順については、ステップバイステップガイドをご覧ください。 WordPressでのお問い合わせフォームの作成.

フォームをWebサイトに追加したら、先に進んでテストエントリを作成します。 これは、WPFormsとAirtable間の接続を構成および検証するために使用されます。

以下は、名前、メール、電話、会社名、メッセージを含むテストエントリです。

カスタムエアテーブルフォームのワードプレステストblogpascherを作成する方法

WPFormsとZapierを接続するための準備

Zapierを使用して、WPFormsとAirtable間のブリッジを作成します。 これを行うには、WPForms Zapier Addonをインストールしてアクティブ化する必要があります。

WordPressダッシュボードで、ページに移動します WPForms >>アドオン Zapierアドオンを見つけます。 次に、インストールしてアクティブにします。

カスタムエアテーブルフォームワードプレスZapierアドオンブログを作成する方法

今、あなたはそのページに行かなければなりません WPForms»設定»統合。 ここでZapierのロゴをクリックするだけで、Zapier APIキーを取得できます。 ZapierをWPFormsアカウントに接続するには、これが必要です。

カスタムエアテーブルフォームを作成する方法WordPress Zapier API cle BlogPascher

APIキーを安全な場所にコピーするか、このタブを開いたままにします。次のステップで必要になります。

AirtableとZapierを接続するための準備

Zapierを介してWPFormsと接続するためにAirtableを準備する必要があります。 これを行うには、Airtable APIキーが必要です。 AirtableとZapierを接続できます。

アカウントを作成するだけ Airtable または、既存のアカウントにログインします。 次にボタンをクリックします 右上。 アカウントページに移動します。ここで、「」をクリックするだけです。APIキーを生成'

カスタムエアテーブルフォームワードプレスAPIキーブログを作成する方法

キーを生成したら、後で安全な場所にコピーして貼り付ける必要があります。

WebフォームからAirtableにデータを送信するZapを作成する

次にZapierのWebサイトにアクセスします。 ここで無料のアカウントを作成するか、既存のアカウントにログインする必要があります。

Zapierダッシュボードで、「」をクリックします。ZAPを作る左上の 'で構成ウィザードを開始します。

カスタムエアテーブルフォームワードプレスを作成する方法

注意: Zapierでは、「ZAP」はトリガーとアクションを備えたプロセスです。 私たちのきっかけは、フォームに入力する人です。私たちの行動は、Airtableでレコードを作成することです。

画面の上部で、ZAPに名前を付ける必要があります。その後、トリガーを構成できます。

まず第一に、地域で 'アプリとイベントを選択'、検索バーに「WPForms」と入力します。 その後、表示されるWPFormsアイコンをクリックするだけです。

カスタムエアテーブルフォームワードプレスZapierアプリイベントブログを作成する方法

トリガーイベントを選択するように求められます。 このゲームをオンのままにします '新しいフォームエントリ'そしてボタンをクリックします 続行します。

カスタムエアフォームフォームを作成する方法WordPress Zapierトリガーイベントブログを選択する

Zapierは、WPFormsにサインインするように求めます。 'をクリックしてくださいWPFormsにサインインする':

カスタムエアテーブルフォームを作成する方法ポップアップウィンドウが表示されます。 以前に受け取ったAPIキーと、WebサイトのURL(ドメイン名)を入力する必要があります。

カスタムエアテーブルフォームを作成する方法WordPress Zapier Wpforms APIキーブログ

それが終わったら、「 はい、続行します 次に進みます。

次に、先ほど作成したフォームをドロップダウンリストから選択するよう求められます。

カスタムエアフォームフォームの作成方法WordPress Zapier選択お問い合わせblogpascher

正しいフォームを選択したら、「」をクリックします。トリガーテスト'。

カスタムエアテーブルフォームワードプレスザピアテストトリガーブログパスチャーを作成する方法

Zapierがテストエントリを見つけたことを知らせるメッセージが表示されます。 データが画面に表示されます。

カスタムエアフォームフォームを作成する方法WordPress ZapierがテストエントリBlogPascherを見つけましたボタンをクリックします '持続する' 続ける。 これで、Zapのアクション部分になり、XNUMX番目のアプリケーションを選択する必要があります。

カスタムエアフォームフォームを作成する方法WordPress Zapierこのアクションステップを実行する

ドロップダウンリストに「Airtable」と入力して選択します。 次に、アクションイベントを選択するためのドロップダウンリストが表示されます。

カスタムのエアフォームワードプレスzapierを作成する方法

アクションイベントは、誰かがあなたのウェブサイトのフォームに記入したときに起こりたいことです。 'を選択する必要がありますレコードを作成する' ここに :

カスタムエアテーブルフォームワードプレスZapierブログを作成する方法

これで、ZapierはAirtableにログインするように促します。 'をクリックするだけですAirtableにサインインする'、次にログインします。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法1

次に、先ほど受け取ったAirtable APIキーを入力する必要があります。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法2

今、あなたはボタンを見るでしょう 続行します。 クリックしてザップの作成を続けます。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法3

次に、「データベース」を選択する必要があります。 また、テーブルを選択する必要があります。 使用します セールスCRM  ベースとして、新しい連絡先をテーブルに追加します 連絡先情報 :

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法5

次に、WPFormsフォームのどのフィールドをAirtableテーブルの列と一致させるかをZapierに指示する必要があります。

該当するすべてのフィールドについて、テストデータを使用して正しいフィールドを選択するだけです。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法6

完了したら、ボタンをクリックします Continue " 続ける。 Zapierは、テストデータを使用して、Airtableにテスト記録を送信するように要求します。 データのプレビューが表示されます。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法7

ボタンをクリックしてください 'テストして続行'。 これにより、Airtableで選択したテーブルにテストデータが送信され、新しいレコードが作成されます。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法8今、あなたはただ 'をクリックする必要があります編集完了'ザップの作成を終了します。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法9

レコードがAirtableに正しく追加されたことを確認できます。 これを行うには、Airtableアカウントに移動し、データベースを開きます セールスCRM、連絡先の表を表示して、テストデータを確認します。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法10

何かを変更する必要がある場合は、手順に戻ってください。レコードをカスタマイズ'そして、テーブルのどの列に入るデータを変更します。

最後のステップは、画面下部のスライダーをクリックしてZapをアクティブにすることです。

カスタムのエアフォームワードプレスzapier blogpascherを作成する方法11

ZAPが実行されます。 接続されたフォームのすべてのフォームエントリが、選択したAirtableテーブルに追加されます。

プレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

1. Facebook最近のコメントウィジェット 

このウィジェットを使用すると、WordPressブログからの最新のFacebookコメントのリストを最初のページ、またはWebサイトで使用されるウィジェットがある場所に表示できます。

Facebookの最近のコメントワードプレスウィジェットFacebookのコメント用のワードプレスプラグイン

あなたがとりわけ持つであろう機能として:あなたのウェブサイトまたはWordPressブログのすべての最新のコメントの表示、ウィジェットに表示されるコメントの自動または手動の承認、Facebookのコメントプラグインを介してコメントしたときにメール通知を送信します。 良いSEO、との互換性 任意のWordPressテーマ、oウィジェットなどをカスタマイズするオプション。

ダウンロード | デモ | ウェブホスティング

2。 ワードプレスクイズ

WPクイズは WordPressのプラグイン これにより、教育、ブログ、広告などの多くの目的で、ブログに多肢選択問題 (MCQ) を簡単に作成できます。

Wordpressのクイズ

テストが完了すると、スコアと回答に関するデータが統計目的でデータベースにすぐに保存されます。 この統計機能のおかげで、WordPressWebサイトからさまざまな目的に必要なすべてのデータを収集できます。

また見なさい あなたはおそらく知っているいくつかのWordPressの機能

さらに、WPクイズには、次のようないくつかのカスタマイズパラメーターがあります。 ラ・ローカリゼーション, ユーザーインターフェースによって色が変わる、ランダムな質問など..。

ダウンロード | デモ | ウェブホスティング

3。 個別の投稿に関連する投稿

Ce WordPressのプラグイン は、Web サイトに関連コンテンツを表示する際の問題を解決できるように設計されています。 したがって、ユーザーの興味を引くコンテンツを配信するのに役立ちます。 このプロセスは完全に自動化されるため、関連する投稿を毎回選択する必要はありません。個別の投稿の関連投稿

個別投稿の関連投稿は、 WordPressのプラグイン さまざまなブログ投稿のデフォルトのリストと、関連する投稿としてのカスタム投稿が表示されます。

また見なさい WordPress記事のタイトルで外部リンクを作成する方法

個々のアイテムに対して異なるアイテムを検索および選択することは引き続き可能です。 また、特定のルールを構成して、関連する出版物を表示することもできます。

ダウンロード | デモ | ウェブホスティング

推奨リソース

ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。

まとめ

ここに ! このチュートリアルは以上です。 この記事が、WordPressでカスタムAirtableフォームを作成する方法を学ぶのに役立つことを願っています。 することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにさらに要素が必要な場合は、 WordPressブログの作成。

提案や意見がある場合は、セクションに残してください commentaires.

...