Webflowのフォーム回答をAirtableに自動追加して情報管理を効率化

ステップ1: WebflowとAirtableのマイアプリ連携

※アプリ連携がお済みの場合は、ステップ2へ進んでください。

1. 左メニューの「マイアプリ」を選択し、画面右の「+新規接続」をクリックします。

2. マイアプリの新規接続一覧から、WebflowとAirtableをそれぞれ選択し、アプリを連携してください。
　※参考：Airtableのマイアプリ登録方法

次は、マイプロジェクトにテンプレートコピーして、フローボットを作成していきます。
コピーがまだの場合は、フローボットテンプレートを下記よりコピーしてください。

1.バナーにカーソルを合わせ「詳細を見る」をクリック
2.移行したページの「このテンプレートを試す」をクリック
3.Yoomの登録を行う
※既に登録が完了している場合はログイン画面が表示されるので、ログインしましょう。

‍

ステップ2: Webflowのフォーム送信時に起動するトリガーの設定

1. コピーしたテンプレートを開きます。
　※下図の赤枠部分から、任意のタイトルに変更できます。

2. フローボットの「アプリトリガー：フォームが送信されたら」をクリックします。

3. 連携アカウントとアクションを選択します。
　必要に応じてタイトルを変更し、「次へ」をクリックします。

4. アプリトリガーのAPI接続設定を行います。
　サイトIDを候補から選んでください。

5. テストが成功したら、「次へ」をクリックします。

6. テスト値を入力してフォームを送信し、「テスト」をクリックします。

7. テストが成功したら、こちらの記事を参考にAirtableに同期したいアウトプット項目を追加してください。

8. 「保存する」をクリックしてください。

ステップ3: Airtableのレコードを作成するアクションの設定

1. フローボットの「アプリと連携する：レコードを作成」をクリックします。

2. 連携アカウントとアクションを選択します。
　必要に応じてタイトルを変更し、「次へ」をクリックします。

3. API接続設定を行います。
　・「ベースID」、「テーブルIDまたは名前」：欄下部の注記を参考に入力してください。

　　※下図は、AirtableのURLの参照位置の一例です。

　・フィールド情報「フィールド名」：情報を同期する列のタイトルを入力してください。
　・フィールド情報「値」：フィールド名に対応するフォーム回答のアウトプットを参照してください。
　※複数の情報を同期する場合、：「+ フィールド情報を追加」をクリックして項目を追加してください。
　※下図は一例です。

　※下図はアウトプットの参照例です。

4. テストが成功したら、「保存する」をクリックしてください。

最後に、保存したフローのトリガーを「ON」に切り替えると起動します。

以上で、「Webflowのフォームが送信されたらAirtableに追加する」フローの完成です。

Webflowを使ったその他の自動化例

他にもWebflowを使った自動化の例がYoomにはたくさんあるので、いくつか紹介します。

1. Webflowのフォーム回答が送信された際に、Google スプレッドシートにその情報を追加するフローです。収集した情報の加工・分析にGoogle スプレッドシートの機能を用いたい場合に役立ちます。

2. Webflowのフォーム回答が送信された際に、サスケのリードソースを登録するフローです。SFAと連携することで、見込み顧客の情報をスムーズに管理できます。

3. Webflowのフォーム回答が送信された際に、HubSpotのチケットを作成するフローです。リードや顧客からの問い合わせをHubSpotで一元管理することで、迅速なフォローアップや情報分析の精度向上が期待できます。

まとめ

Webflowのフォーム回答をAirtableに自動追加する方法についてお伝えしました。2つのアプリの連携によってフォームの情報を自動的に同期することで、転記作業の手間を省き、データの一貫性を保つことができます。正確な情報が速やかに共有されるため、データ分析やフォローアップもスムーズに行えるでしょう。
Yoomを利用すれば簡単に連携設定ができます。この機会にぜひ試してみてください。