NEW 新たにAIワーカー機能が登場。あなただけのAI社員をつくろう! 詳しくはこちら
AIワーカー機能であなただけのAI社員をつくろう! 詳しくはこちら
フォームとWebflowの連携イメージ
フォームの回答内容でWebflowのコレクションにアイテムを追加する
Yoomを詳しくみる
この記事のフローボットを試す
フォームとWebflowの連携イメージ
Yoom活用術

2025-10-23

【簡単設定】フォームのデータとWebflowを連携しコレクションにアイテムを自動追加する方法

Shoko Ougitani
Shoko Ougitani

とにかく早く試したい方へ

YoomにはフォームのデータとWebflowを連携しコレクションにアイテムを自動追加するテンプレートが用意されています!
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう!


■概要

Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。

■このテンプレートをおすすめする方

  • Webflowで構築したサイトのフォームから得た情報を手作業で登録している方
  • フォームの回答内容をWebflowのCMSで管理し、業務効率化を目指す方
  • 手作業によるデータ入力のミスをなくし、情報の即時反映を実現したい方

■このテンプレートを使うメリット

  • フォーム送信からWebflowへのアイテム追加までが自動化されるため、手作業での転記にかかっていた時間を削減できます。
  • システムが自動で処理を行うことで、コピー&ペーストのミスや入力漏れといったヒューマンエラーを防ぐことに繋がります。

■フローボットの流れ

  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーでフォームトリガー機能を選択し、回答内容を取得するためのフォームを設定します。
  3. 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容と連携させます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Yoomのフォームトリガー機能では、ユーザーから取得したい情報に合わせて、質問項目を自由に設定・変更できます。
  • Webflowのアクション設定では、どのサイトのどのコレクションにアイテムを追加するかを指定するため、対象の「サイトID」と「コレクションID」をそれぞれ設定してください。
  • Webflowのコレクションアイテムとして追加する際、フォームのどの回答をコレクションのどのフィールドに割り当てるか、任意にマッピング設定が可能です。

■注意事項

  • WebflowとYoomを連携してください

「いいアイデアが思いついたけど外出中でWebflowにアクセスできない!」
「スマホからでもWebflowにアイテムを追加できたらいいのにな…」

この記事ではこのようなお悩みを解決する、フォームとWebflowを連携させた自動化の設定方法をご紹介します!

各ツールのフォームとWebflowsを連携することで、フォームから送信された内容をコレクションのアイテムに自動追加可能になり、コンテンツ作成のスピード向上が期待できるでしょう。これにより、スマホからフォームを送信するだけでいいので、パソコンが開けない状態でもWebflowにアイテムを追加可能に!
業務の効率化を考えている方は、ぜひチェックしてみてください!

Webflowとフォームを連携してできること

Webflowと各種フォームのAPIを連携すれば、フォーム回答データをWebflowに自動的に連携することが可能になります!
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにWebflowとフォームの連携を実際に体験できます。
登録はたったの30秒で完了するので、ぜひ気軽にお試しください!

YoomフォームのデータをWebflowに連携する

Yoomフォームの回答データをWebflowに自動的に連携することができます。
Yoomフォームは回答データをそのまま使用できるため、複雑な操作が不要で簡単にデータ連携を実現できるところが魅力です。


■概要

Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。

■このテンプレートをおすすめする方

  • Webflowで構築したサイトのフォームから得た情報を手作業で登録している方
  • フォームの回答内容をWebflowのCMSで管理し、業務効率化を目指す方
  • 手作業によるデータ入力のミスをなくし、情報の即時反映を実現したい方

■このテンプレートを使うメリット

  • フォーム送信からWebflowへのアイテム追加までが自動化されるため、手作業での転記にかかっていた時間を削減できます。
  • システムが自動で処理を行うことで、コピー&ペーストのミスや入力漏れといったヒューマンエラーを防ぐことに繋がります。

■フローボットの流れ

  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーでフォームトリガー機能を選択し、回答内容を取得するためのフォームを設定します。
  3. 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容と連携させます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Yoomのフォームトリガー機能では、ユーザーから取得したい情報に合わせて、質問項目を自由に設定・変更できます。
  • Webflowのアクション設定では、どのサイトのどのコレクションにアイテムを追加するかを指定するため、対象の「サイトID」と「コレクションID」をそれぞれ設定してください。
  • Webflowのコレクションアイテムとして追加する際、フォームのどの回答をコレクションのどのフィールドに割り当てるか、任意にマッピング設定が可能です。

■注意事項

  • WebflowとYoomを連携してください

GoogleフォームのデータをWebflowに連携する

Googleフォームの回答データをWebflowに自動的に連携することができます。
Googleサービスを使用していれば無料で幅広いデータ形式のフォームが作れるため、気軽に連携を試してみたい方にぴったりです。


■概要

Googleフォームで集めたお問い合わせやイベントの申し込み情報を、手作業でWebflowのCMSに転記していませんか?
この作業は手間がかかるだけでなく、コピー&ペーストのミスや更新漏れが発生する原因にもなります。
このワークフローを活用すれば、Googleフォームに回答が送信されると、その内容が自動でWebflowのコレクションにアイテムとして追加されるため、こうした課題をスムーズに解消できます。

■このテンプレートをおすすめする方

  • GoogleフォームとWebflowを利用し、コンテンツやデータベースを管理している方
  • フォームから得た情報を手作業でWebサイトに反映しており、効率化したいと考えている方
  • 手作業によるデータ転記での入力ミスをなくし、コンテンツの正確性を高めたい方

■このテンプレートを使うメリット

  • Googleフォームへの回答送信をきっかけに、自動でWebflowへデータが連携されるため、これまで手作業での転記に費やしていた時間を短縮できます。
  • 手作業によるコピー&ペーストがなくなることで、入力間違いや更新漏れといったヒューマンエラーのリスクを軽減し、データの正確性を保ちます。

■フローボットの流れ

  1. はじめに、GoogleフォームとWebflowをYoomと連携します。
  2. 次に、トリガーでGoogleフォームを選択し、「フォームに回答が送信されたら」というアクションを設定します。
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容をWebflowの各フィールドに紐付けます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Googleフォームのトリガー設定では、連携の対象としたいフォームのIDを任意で設定してください。
  • Webflowでアイテムを追加するアクションを設定する際に、対象のサイトID、コレクションIDを任意で設定し、フォームの回答内容をどのフィールドに追加するかを設定してください。

■注意事項

  • WebflowとGoogleフォームのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
  • Googleフォームでのアウトプットの取得方法は下記を参考にしてください。

https://intercom.help/yoom/ja/articles/5505530

TypeformのデータをWebflowに連携する

Typeformの回答データをWebflowに自動的に連携することができます。
Typeformの直感的なフォーム操作とWebflowを連携することで、フォームの回答者、管理者ともにフォームの利用やデータ管理の体験が向上するでしょう。


■概要

Typeformで収集したアンケート回答やお問い合わせ内容を、Webflowで作成したWebサイトのCMSに手作業で転記していませんか。この作業は時間がかかるだけでなく、コピー&ペーストのミスも起こりがちです。このワークフローを活用すれば、Typeformのフォームが送信されると、その内容が自動でWebflowのコレクションアイテムとして追加されるため、こうした課題を解消し、迅速なコンテンツ更新を実現します。

■このテンプレートをおすすめする方

  • Typeformで収集した顧客の声や事例をWebflowサイトに掲載している方
  • 手作業によるデータ転記に時間を取られ、本来の業務に集中できていない方
  • Webサイトへのコンテンツ反映を効率化し、情報発信のスピードを上げたい方

■このテンプレートを使うメリット

  • Typeformに回答が送信されると、自動でWebflowにアイテムが追加されるため、データ転記にかかっていた作業時間を短縮できます。
  • 手作業によるコピー&ペーストが不要になるため、転記ミスや入力漏れといったヒューマンエラーを防ぎ、データの正確性を保ちます。

■フローボットの流れ

  1. はじめに、TypeformとWebflowをYoomと連携します。
  2. 次に、トリガーでフォームトリガー機能を選択し、「フォームが送信されたら」というアクションを設定し、対象のフォームを選択します。
  3. 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容を紐付けます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • フォームトリガーの設定で、自動化の対象としたいTypeformのフォームや、取得したい回答項目を任意で設定してください。
  • Webflowのアクション設定では、アイテムを追加したい「サイトID」および「コレクションID」を正しく指定する必要があります。
  • Typeformの各回答を、Webflowコレクションのどのフィールドに反映させるか、データのマッピングを任意で設定することが可能です。

■注意事項

  • TypeformとWebflowのそれぞれとYoomを連携してください。
  • トリガーでのアウトプット取得方法は下記を参考にしてください。
    https://intercom.help/yoom/ja/articles/9103858

JotformのデータをWebflowに連携する

Jotformの回答データをWebflowに自動的に連携することができます。
Jotformの豊富なウィジェットで作成したフォームの回答データを余すことなくWebflowに連携することが可能です。


■概要

Jotformで集めたアンケートや申し込み情報を、一つひとつWebflowのCMSにコピー&ペーストしていませんか?
こうした手作業は時間がかかるだけでなく、入力ミスなどのヒューマンエラーの原因にもなります。
このワークフローを利用すれば、Jotformのフォームが送信されると、その内容が自動でWebflowのコレクションに追加されるため、データ連携の工数を削減し、正確性を高めることができます。

■このテンプレートをおすすめする方

  • Jotformで集めた情報をWebflowでコンテンツとして公開しているWeb担当者の方
  • 手作業でのデータ移行に非効率を感じ、自動化による業務改善を目指している方
  • フォームからのリード情報を迅速かつ正確にWebサイトへ反映させたいマーケティング担当の方

■このテンプレートを使うメリット

  • Jotformへの回答後、自動でWebflowにアイテムが追加されるため、手作業での転記にかかる時間を削減できます。
  • 手作業によるデータのコピー&ペーストが不要になるため、入力ミスや反映漏れといったヒューマンエラーを防ぎます。

■フローボットの流れ

  1. はじめに、JotformとWebflowをYoomと連携します。
  2. 次に、トリガーでJotformを選択し、「フォームが送信されたら」というアクションを設定します。
  3. 次に、オペレーションでJotformの「最新の回答を取得する」アクションを設定し、送信されたフォームの内容を取得します。
  4. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、取得した回答内容を連携します。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowで「コレクションにアイテムを追加」アクションを設定する際、アイテムを追加したいサイトIDとコレクションIDを任意で設定してください。
  • Jotformから取得した回答内容を、Webflowのどのフィールドに紐付けるか、フィールド情報を任意でマッピング設定してください。

■注意事項

  • JotformとWebflowのそれぞれとYoomを連携してください。
  • JotformのWebhook設定方法については下記をご覧ください。

https://intercom.help/yoom/ja/articles/8105581

TallyのデータをWebflowに連携する

Tallyの回答データをWebflowに自動的に連携することができます。
シンプルなフォームのTallyもAPIを使うことで、Webflowにデータ連携することができます。ミニマルなフォームでもデータをしっかり管理したい方におすすめです。


■概要

Tallyで集めたアンケート回答や申し込み情報を、Webflowで管理しているコンテンツに一つひとつ手作業で入力していませんか?
この作業は時間がかかるだけでなく、入力ミスや転記漏れの原因にもなり得ます。
このワークフローを活用すれば、Tallyのフォームが送信されると、その内容が自動でWebflowのコレクションに追加されるため、面倒な転記作業をなくし、コンテンツ更新の効率を高めることが可能です。

■このテンプレートをおすすめする方

  • Tallyで収集した顧客の声や事例をWebflowで公開しているWebサイト運営担当者の方
  • Tallyのフォーム回答をWebflowへ手動で転記する作業に手間を感じている方
  • Webサイトのコンテンツ更新作業を自動化し、リアルタイム性を高めたいマーケターの方

■このテンプレートを使うメリット

  • Tallyのフォーム送信をきっかけにWebflowへアイテムが自動で追加されるため、これまで手作業での転記に費やしていた時間を他の業務に充てることができます。
  • 手作業によるデータ転記が不要になることで、入力間違いや項目漏れといったヒューマンエラーを防ぎ、データの正確性を維持することに繋がります。

■フローボットの流れ

  1. はじめに、TallyとWebflowをYoomと連携します。
  2. 次に、トリガーでTallyを選択し、「フォームが送信されたら」というアクションを設定し、対象のフォームを指定します。
  3. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、Tallyのフォームから取得した回答内容を、Webflowの各フィールドに紐付けます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Webflowのオペレーション設定では、アイテムを追加する対象のサイトIDとコレクションIDを、ご自身の環境に合わせて任意で設定してください。
  • Tallyのフォームで取得したどの回答をWebflowのどのフィールドに追加するか、フィールド情報をそれぞれ任意で設定してください。

■注意事項

  • TallyとWebflowのそれぞれとYoomを連携してください。

Zoho FormsのデータをWebflowに連携する

Zoho Formsの回答データをWebflowに自動的に連携することができます。
Zohoサービスを使用している方に取って馴染み深いフォームですが、こちらもWebflowと連携して回答データの連携を実現できます。


■概要

Zoho Formsで集めたお問い合わせやセミナーの申込情報を、手作業で顧客管理ツールに入力していませんか?
この作業は時間がかかるだけでなく、入力ミスや転記漏れといったヒューマンエラーの原因にもなりがちです。
このワークフローを活用すれば、Zoho Formsに新しい回答が送信されると、その内容を自動でFreshsalesに連携し、連絡先として登録できます。
これにより、データ入力の手間を省き、迅速で正確な顧客情報管理を実現します。

■このテンプレートをおすすめする方

  • Zoho Formsで得たリード情報をFreshsalesで管理しているマーケティング・営業担当の方
  • フォームからの問い合わせ対応の初動を早め、機会損失を防ぎたいと考えている方
  • 手作業によるデータ入力の時間を削減し、コア業務に集中したいと考えている方

■このテンプレートを使うメリット

  • Zoho Formsへの回答を自動でFreshsalesに連携するため、これまで手作業で行っていたデータ入力の時間を短縮し、他の業務に充てることができます。
  • 手作業でのデータ転記が不要になるため、入力間違いや登録漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。

■フローボットの流れ

  1. はじめに、Zoho FormsとFreshsalesをYoomと連携します。
  2. 次に、トリガーでZoho Formsを選択し、「フォームが送信されたら」というアクションを設定し、対象のフォームを指定します。
  3. 最後に、オペレーションでFreshsalesを選択し、「連絡先の作成」アクションを設定します。Zoho Formsから取得した氏名やメールアドレスなどの情報を各項目に紐付けます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Freshsalesの「連絡先の作成」アクションで、連携する情報を任意に設定できます。Zoho Formsのフォームで取得した氏名、メールアドレス、電話番号などの情報を、Freshsalesの対応するフィールドに正しくマッピングしてください。

■注意事項

  • Zoho FormsとFreshsalesのそれぞれとYoomを連携してください。
  • Zoho FormsのWebhook設定方法については下記をご覧ください。

https://intercom.help/yoom/ja/articles/9924708

Webflowとフォームの連携フローを作ってみよう

それでは、さっそく実際にWebflowとフォームの連携フローを作成してみましょう!
今回はYoomを使用して、ノーコードで設定を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

今回は「フォームの回答内容でWebflowのコレクションにアイテムを追加する」フローボットを作成していきます!
作成の流れは大きく分けて以下です。

  • Webflowのマイアプリ登録
  • テンプレートをコピーする
  •  Yoomのフォームトリガーの設定およびWebflowのアクション設定
  • トリガーをONに設定しフロー稼働の準備完了

■概要

Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。

■このテンプレートをおすすめする方

  • Webflowで構築したサイトのフォームから得た情報を手作業で登録している方
  • フォームの回答内容をWebflowのCMSで管理し、業務効率化を目指す方
  • 手作業によるデータ入力のミスをなくし、情報の即時反映を実現したい方

■このテンプレートを使うメリット

  • フォーム送信からWebflowへのアイテム追加までが自動化されるため、手作業での転記にかかっていた時間を削減できます。
  • システムが自動で処理を行うことで、コピー&ペーストのミスや入力漏れといったヒューマンエラーを防ぐことに繋がります。

■フローボットの流れ

  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーでフォームトリガー機能を選択し、回答内容を取得するためのフォームを設定します。
  3. 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容と連携させます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Yoomのフォームトリガー機能では、ユーザーから取得したい情報に合わせて、質問項目を自由に設定・変更できます。
  • Webflowのアクション設定では、どのサイトのどのコレクションにアイテムを追加するかを指定するため、対象の「サイトID」と「コレクションID」をそれぞれ設定してください。
  • Webflowのコレクションアイテムとして追加する際、フォームのどの回答をコレクションのどのフィールドに割り当てるか、任意にマッピング設定が可能です。

■注意事項

  • WebflowとYoomを連携してください

ステップ1:Webflowのマイアプリ登録をしよう

ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください!

それではここから今回のフローで使用するWebflowのマイアプリ登録方法を解説します。
Yoomにログインしたら、マイアプリを選択し、新規接続をクリックしてください。
アプリ一覧はWebflowを選択します。
検索窓を活用すると見つけやすいです!

アカウント名は、「管理用」「プロジェクト名」など任意の名前を設定します。
アクセストークンはWebflowの管理画面からAPIトークンを取得し、設定してください。
取得方法は注釈を確認してください。

これでWebflowのマイアプリ登録ができました!

ステップ2:テンプレートコピーの話

次にYoomのサイトからテンプレートをコピーしましょう。
Yoomでは、テンプレートを使わずに一からフローボットを作成することも可能です!
ここではより簡単に設定するために、テンプレートを使用した設定手順をご紹介しましょう。
それでは下のバナーをクリックしてください。


■概要

Webサイトのフォームから受け付けたお問い合わせや資料請求などの情報を、一件ずつ手作業でWebflowに登録していませんか。この作業は件数が増えるほど手間がかかり、入力ミスも起こりがちです。このワークフローを活用すれば、フォームが送信されると同時に、その内容を自動でWebflowのコレクションアイテムとして追加できます。手作業による登録業務から解放され、迅速かつ正確な情報更新が可能になります。

■このテンプレートをおすすめする方

  • Webflowで構築したサイトのフォームから得た情報を手作業で登録している方
  • フォームの回答内容をWebflowのCMSで管理し、業務効率化を目指す方
  • 手作業によるデータ入力のミスをなくし、情報の即時反映を実現したい方

■このテンプレートを使うメリット

  • フォーム送信からWebflowへのアイテム追加までが自動化されるため、手作業での転記にかかっていた時間を削減できます。
  • システムが自動で処理を行うことで、コピー&ペーストのミスや入力漏れといったヒューマンエラーを防ぐことに繋がります。

■フローボットの流れ

  1. はじめに、WebflowをYoomと連携します。
  2. 次に、トリガーでフォームトリガー機能を選択し、回答内容を取得するためのフォームを設定します。
  3. 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容と連携させます。

※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント

  • Yoomのフォームトリガー機能では、ユーザーから取得したい情報に合わせて、質問項目を自由に設定・変更できます。
  • Webflowのアクション設定では、どのサイトのどのコレクションにアイテムを追加するかを指定するため、対象の「サイトID」と「コレクションID」をそれぞれ設定してください。
  • Webflowのコレクションアイテムとして追加する際、フォームのどの回答をコレクションのどのフィールドに割り当てるか、任意にマッピング設定が可能です。

■注意事項

  • WebflowとYoomを連携してください

「このテンプレートを試す」をクリックします。

「OK」をクリックしましょう。

これでテンプレートのコピーができました。
コピーしたテンプレートはマイプロジェクトに保存されています。

ステップ3:Yoomのフォームトリガーを設定しよう

次にフローボットの設定に進みましょう!
先ほどコピーしたテンプレートの「Webflowアイテム追加フォーム」をクリックしてください。

まずはフォームを作成しましょう!

フォームを作成

以下のようにフォームの項目を設定しましょう。
次のWebflowのアクション設定時に必要な「タイトル」「Slug」を設定しましょう。

「質問を追加」から項目を増やすことが可能です。
設定ができたら、次へをクリックしてください。

フォームの表示確認と詳細設定

先ほどフォームで設定した項目の内容が表示されていると思います。
各項目にサンプル値を入力してください。
設定後、保存しましょう。

ステップ4:Webflowのアクションを設定しよう

最後の設定ステップです!
「コレクションにアイテムを追加」をクリックしましょう。

連携アカウントとアクションを選択

タイトルは事前に入力されていますが、変更OKです。
Webflowと連携するアカウント情報は、連携したいアカウントが紐付けられているか確認してください。
アクションは「コレクションにアイテムを追加」が設定されていることを確認し、次へをクリックしましょう。

API接続設定

サイトIDとコレクションIDは候補から選択してください。

フィールド情報を設定します。
フィールドは候補からTitle(Name)を選択してください。
値はフォームトリガーの取得した値からタイトルを選択します。
取得する値を活用せずに手入力した場合、同じ内容が繰り返しWebflowのコレクションに追加されることになりますので注意が必要です!
詳細はこちらを確認してください。

フィールドは候補からSlugを選択してください。
値はフォームトリガーの取得した値からSlugを選択しましょう。
すべて設定できたら、テストをクリックしてください。
Webflowのコレクションにアイテムが追加できたら保存してください。

保存後、「トリガーをON」にして動作をチェックしてください。

これでフローボットの設定ができました。

Webflowを使った便利な自動化例

今回紹介したフォームとの連携以外でもWebflowの情報をデータベースに追加したり、Webflowのフォームの送信データをSalesforceやHubspotに追加することも可能です。
このように、WebflowのAPIを使用してさまざまな業務を自動化することができるので、もし気になるものがあればぜひこちらもお試しになってみてください!


■概要
Webflowで運営しているECサイトの注文管理を手作業で行っていませんか?注文が発生するたびに内容を確認し、Google スプレッドシートへ転記するのは手間がかかり、入力ミスも起こりがちです。 このワークフローを活用すれば、Webflowで発生した新規注文の情報を自動でGoogle スプレッドシートに追加でき、こうした注文管理における課題をスムーズに解消できます。
■このテンプレートをおすすめする方
  • Webflowで運営するECサイトの注文管理に手間を感じているEC担当者の方
  • 注文情報をGoogle スプレッドシートへ手入力しており、ミスをなくしたい方
  • WebflowとGoogle スプレッドシートを連携させ、業務を自動化したいと考えている方
■このテンプレートを使うメリット
  • Webflowで新規注文が発生した際に、自動でGoogle スプレッドシートへ情報が追加されるため、手作業での転記時間を短縮できます。
  • 手作業によるデータの転記がなくなることで、入力ミスや記載漏れといったヒューマンエラーの発生を防ぎ、正確な情報管理に繋がります。
■フローボットの流れ
  1. はじめに、WebflowとGoogle スプレッドシートをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「新規注文が発生したら」を設定します。
  3. 最後に、オペレーションでGoogle スプレッドシートを選択し、「レコードを追加する」を設定します。この設定で、トリガーで取得した注文情報が指定のスプレッドシートに行として追加されます。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
  • Google スプレッドシートでレコードを追加する際に、対象のスプレッドシートIDやシートIDを任意で設定してください。
  • Google スプレッドシートに追加する各項目(フィールド)には、前段のトリガーでWebflowから取得した注文情報を自由に割り当てることが可能です。
■注意事項
  • Google スプレッドシート、WebflowのそれぞれとYoomを連携してください。

■概要
Webflowで構築したECサイトで新規注文が発生するたびに、手作業でMicrosoft Excelに情報を転記していませんか?この定型的な作業は、入力ミスを招く原因となるだけでなく、本来注力すべきコア業務の時間を圧迫します。このワークフローを活用すれば、Webflowでの注文情報をMicrosoft Excelへ自動で追加できるようになり、注文管理に関する手作業から解放され、業務の効率化を実現します。

■このテンプレートをおすすめする方
  • Webflowで構築したECサイトの注文管理を、より効率的に行いたいと考えている方
  • 手作業によるMicrosoft Excelへのデータ転記で、入力ミスや対応漏れに課題を感じている担当者の方
  • 注文管理に関する業務を自動化し、コア業務へ集中できる環境を整えたい方

■このテンプレートを使うメリット
  • Webflowで新規注文が発生すると、自動でMicrosoft Excelにデータが追加されるため、これまで手作業で行っていた転記作業の時間を短縮します。
  • 手作業によるデータ転記が不要になるため、入力間違いや記載漏れといったヒューマンエラーの防止に繋がり、データの正確性が向上します。

■フローボットの流れ
  1. はじめに、WebflowとMicrosoft ExcelをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「新規注文が発生したら」というアクションを設定します。
  3. 続いて、オペレーションでWebflowの注文情報を取得するアクションを設定します。
  4. 最後に、オペレーションでMicrosoft Excelの「レコードを追加する」アクションを設定し、取得した注文情報を指定のシートに追加します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Webflowのトリガー設定では、連携の対象としたいサイトのIDを任意で設定してください。
  • Microsoft Excelにレコードを追加する設定では、どの列にWebflowから取得したどの情報(注文者名、商品名、金額など)を反映させるか、任意で設定が可能です。

■注意事項
  • Microsoft Excel、WebflowのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
  • Microsoft Excelのデータベースを操作するオペレーションの設定に関しては「【Excel】データベースを操作するオペレーションの設定に関して」をご参照ください。 

■概要
Webflowで作成したWebサイトのフォームから問い合わせや申し込みがあった際に、その情報を手作業でNotionに転記していませんか?この作業は、対応漏れや入力ミスにつながるだけでなく、迅速な顧客対応の妨げになることもあります。このワークフローを活用すれば、Webflowのフォームが送信されたタイミングで、自動的にNotionのデータベースへ情報を追加できるため、こうした手作業の課題を解消し、リード管理を効率化します。

■このテンプレートをおすすめする方
  • Webflowで獲得したリード情報をNotionで管理しており、手入力の手間をなくしたい方
  • フォームからの問い合わせ対応の速度を向上させたいマーケティング・営業担当者の方
  • データ転記の際に発生する入力ミスや対応漏れを防ぎ、業務の正確性を高めたい方

■このテンプレートを使うメリット
  • Webflowのフォームが送信されると自動でNotionにデータが追加されるため、これまで手作業での転記に費やしていた時間を短縮できます。
  • 手作業でのデータ転記が不要になるため、入力間違いや漏れといったヒューマンエラーのリスクを軽減し、データの正確性を保つことに繋がります。

■フローボットの流れ
  1. はじめに、WebflowとNotionをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します。
  3. 最後に、オペレーションでNotionの「レコードを追加する」アクションを設定し、トリガーで取得したフォームの情報を任意のデータベースに追加します。
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Webflowのトリガー設定では、連携の対象としたいサイトIDを任意で設定してください。
  • Notionのオペレーション設定では、データベースの各プロパティ(項目)に対し、フォームから取得したどの情報を割り当てるかを柔軟にカスタマイズできます。

■注意事項
  • Notion、WebflowのそれぞれとYoomを連携してください。

■概要

Webflowのフォームが送信されたらSalesforceに追加するフローです。

■このテンプレートをおすすめする方

1.Webflowを使ってサイト管理をしている方

・問い合わせやリード情報の取得でフォームを活用している企業

・問い合わせやリードの対応をスピーディーに行いたい方

2.業務でSalesforceを使用している方

・Salesforceへのフォーム内容の追加を自動化したい方

・顧客情報をSalesforceで一元管理している営業チーム

■このテンプレートを使うメリット

Webflowに送信されたフォーム内容の確認は、ダッシュボードや指定のメールアドレスから確認できますが、毎回アクセスするのは非効率的です。
また、フォーム内容をSalesforceに手動で追加している場合、誤入力や入力漏れといったヒューマンエラーの発生が懸念されます。

このテンプレートは、SalesforceにWebflowのフォーム内容を自動で追加することができます。
手動によるデータ入力が不要となるため、データを正確にSalesforceに反映することができ、問い合わせやリード情報の管理が楽になります。

フローの後にチャットツールと連携することで、問い合わせやリード情報の反映後に特定のメンバーに情報共有することが可能です。

■注意事項

・Webflow、SalesforceのそれぞれとYoomを連携してください。

・Salesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。

・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。


■概要
Webサイトに設置したWebflowのフォームから問い合わせがあった際、手作業でHubSpotにチケットを作成していませんか?この手作業は時間がかかるだけでなく、対応漏れや入力ミスといったヒューマンエラーの原因にもなり得ます。このワークフローを活用すれば、Webflowのフォーム送信をきっかけに、HubSpotへ自動でチケットが作成されるため、顧客対応の初動を迅速かつ正確に行うことが可能です。

■このテンプレートをおすすめする方
  • Webflowのフォームからの問い合わせ対応を、より迅速にしたいマーケティングや営業担当者の方
  • HubSpotでチケットを手動作成しており、業務の効率化を目指しているカスタマーサポート担当者の方
  • フォームからのリード情報を正確に管理し、顧客対応の品質向上を図りたいチームリーダーの方

■このテンプレートを使うメリット
  • Webflowのフォームが送信されると自動でHubSpotにチケットが作成されるため、手作業の時間を短縮できます。
  • 手作業によるチケットの作成漏れや、顧客情報の転記ミスといったヒューマンエラーの防止に繋がります。

■フローボットの流れ
  1. はじめに、WebflowとHubSpotをYoomと連携します
  2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
  3. 最後に、オペレーションでHubSpotの「チケットを作成」アクションを設定し、フォームの送信内容を反映させます
※「トリガー」:フロー起動のきっかけとなるアクション、「オペレーション」:トリガー起動後、フロー内で処理を行うアクション

■このワークフローのカスタムポイント
  • Webflowのトリガー設定で、連携の対象としたいサイトIDを任意で設定してください。
  • HubSpotでチケットを作成する際、Webflowのフォームから取得した情報を、チケットの件名や内容などの各項目に自由に設定してください。

■注意事項
  • Webflow、HubSpotのそれぞれとYoomを連携してください。

終わりに

フォームとWebflowを連携させることで、フォームから送信されたデータがWebflowのコレクションに自動的にアイテムとして追加されるようになるため、Webflowの管理画面にアクセスして手動でアイテムを作成するという一連のフローが手間が省けるでしょう!
つまり、パソコンが開けない状態でもスマホからフォームを送信するだけでアイテムの作成が可能になり、いつでもどこでもコンテンツを作成できるというメリットを感じられるはずです!

なお、Yoomを活用した自動化の設定はプログラミング不要で、初心者の方でも安心して始められます。
直感的な操作で高度な自動化を実現できるのは、Yoomならではの魅力です。このような自動化を導入したい場合は、今すぐYoomに登録しましょう!
無料アカウントを発行できるため、すぐに実際の操作性を確かめることが可能です!ぜひお試しください!

関連記事:【ノーコードで実現】WebflowのデータをSlackに自動的に連携する方法

よくあるご質問

Q:Yoomの無料プランでは、この連携をどのくらい使えますか?

A:Yoomの無料プランでは月100タスクを利用できます。今回ご紹介したテンプレートは成功失敗に限らず1回実行すると1タスク消費されます。
そのため今回ご紹介したテンプレートのみをそのまま利用する場合は無料で約100回ご利用可能です。

Q:連携が失敗したらどうなりますか?

A:連携に失敗した場合は、まずフローボットが停止します。そのあとYoomにご登録いただいているメールアドレスへ通知が届きます。通知内にエラー原因について記載しておりますのでご確認ください。
対処方法が分からない場合は、ヘルプページまたは、エラー時の対応方法についてをご確認ください。

Q:既存アイテムの更新や削除も可能ですか?

A:はい、可能です。
今回ご紹介したテンプレートではステップ4のトリガーに「コレクションにアイテムを追加」を使用しておりましたが、「コレクションのアイテムを更新」「コレクションのアイテムを削除」などに変更していただくことも可能です。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Shoko Ougitani
Shoko Ougitani
人材会社で営業とCAを約5年担当した後、エンジニアの採用を行っている会社で求人広告やスカウト文章の作成などのお仕事に携わってきました。 Yoomの「事務作業を自動化する」という画期的なサービスに魅力を感じています。 少しでも皆様のお役に立てる情報を発信できるように執筆していきたいです。
タグ
Googleフォーム
Jotform
Tally
Typeform
Webflow
Zoho Forms
フォーム
自動
自動化
連携
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる