NEW 新たにAIワーカー機能が登場。あなただけのAI社員をつくろう! 詳しくはこちら
AIワーカー機能であなただけのAI社員をつくろう! 詳しくはこちら
Webflowとサスケを連携して、Webflowのフォームが送信されたらサスケに追加する方法
Webflowのフォームが送信されたらサスケに追加する
Yoomを詳しくみる
この記事のフローボットを試す
Webflowとサスケを連携して、Webflowのフォームが送信されたらサスケに追加する方法
Yoom活用術

2025-03-26

Webflowとサスケを連携して、Webflowのフォームが送信されたらサスケに追加する方法

Renka Sudo
Renka Sudo

ウェブサイトの効果的な運用には、顧客データの収集と管理が欠かせません。
多くの企業が様々なアプリを使って魅力的なフォームを作成し、見込み顧客の情報を収集していますが、これらのデータを効率よく管理する方法が求められています。
そこでこの記事では、Webflowのフォームが送信された際に自動的にサスケに情報を追加するフローを紹介します。
手動での入力ミスを減少させ、データ管理がスムーズに進むことで、営業やマーケティング活動の効率化が期待できます。
自社の顧客情報を一元管理するための方法をぜひご覧ください。

Webflowとサスケを連携するメリット

1.作業効率の向上

Webflowのフォームが送信されたらサスケに自動追加されるため、手動でのデータ入力作業が不要になります。
これにより、従業員は作業時間を節約し、他の重要な業務へ充てる時間の確保が見込めます。
リードや顧客情報をスピーディーに処理することで、営業やマーケティングの活動がスムーズになり、全体的な業務効率の向上が期待できます。
また、営業チームは新しいリード情報を素早く活用でき、スムーズなフォローアップが見込めます。

2.データの一元管理

Webflowからサスケへの自動登録により、顧客情報やリードデータが一元管理されます。
一元化されることで、チームメンバーは異なるシステム間でのデータのやり取りを気にせず、簡単に情報にアクセスできるようになります。
その結果、チーム間のデータ連携が促進され、業務プロセスの改善が期待できます。
例えば、マーケティングチームは最新のリード情報を簡単に確認でき、キャンペーンの効果などの素早い分析に繋がります。

[Yoomとは]

これから、Webflowのフォームが送信されたらサスケに追加するというフローボットの作成方法をご紹介します。


■概要

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

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

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

・Webflowで問い合わせやリード収集のフォームを設置している企業

・サスケにフォームから送信されたデータを自動で追加したい方

2.サスケを使用して業務を進めている方

・サスケを活用してリード情報を管理している方

・顧客管理でサスケを使用している営業担当者

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

Webflowにフォームを設置することで、問い合わせやリードに関する情報を効率的に収集できるのがメリットです。
しかし、サスケでWebflowのフォーム内容を管理している場合、手動によるデータ入力が必要となり、ヒューマンエラーの発生が懸念されます。

このテンプレートを使用することで、Webflowのフォームが送信されるとサスケに自動で追加することができるため、手動によるデータ入力が不要となります。
フォーム内容がスピーディーにサスケに追加されるため、営業活動をスムーズに行うことができ、業務の効率化を図ることができます。

また、チャットツールと連携することで、特定のメンバーに追加されたフォーム内容の共有をすることも可能です。

■注意事項

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

Webflowとサスケの連携フローの作り方

ステップ1:Yoom登録・ログインとアプリ登録

まずはじめにYoomの公式サイトにアクセスし、アカウント作成をお願いします。
アカウント登録済みの方はログインしてください。
Yoomのアカウント発行ページ

Yoomのアカウントにログインしたら、使用するアプリを登録します。
1)「マイアプリ」をクリックし、「新規接続」を選択してください。


2)登録したいアプリを選択し、アプリごとに使用するアカウントでログインしてください。
1つ目のアプリが登録できたら、もう一度「新規接続」をクリックして、2つ目のアプリを登録します。

3)登録ができるとマイアプリにアイコンが表示されます。
登録した2つのアプリのアイコンが表示されたか確認してください。

ステップ2: テンプレートの選択

今回は、【Webflowのフォームが送信されたらサスケに追加する】というフローを作成します。
Webflowのフォームが送信されるとサスケに自動で追加することができるため、手動によるデータ入力が不要となります。
フォーム内容がスピーディーにサスケに追加されるため、営業活動をスムーズに行うことができ、業務の効率化を図ることができます。
また、チャットツールと連携することで、特定のメンバーに追加されたフォーム内容の共有をすることも可能です。


■概要

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

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

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

・Webflowで問い合わせやリード収集のフォームを設置している企業

・サスケにフォームから送信されたデータを自動で追加したい方

2.サスケを使用して業務を進めている方

・サスケを活用してリード情報を管理している方

・顧客管理でサスケを使用している営業担当者

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

Webflowにフォームを設置することで、問い合わせやリードに関する情報を効率的に収集できるのがメリットです。
しかし、サスケでWebflowのフォーム内容を管理している場合、手動によるデータ入力が必要となり、ヒューマンエラーの発生が懸念されます。

このテンプレートを使用することで、Webflowのフォームが送信されるとサスケに自動で追加することができるため、手動によるデータ入力が不要となります。
フォーム内容がスピーディーにサスケに追加されるため、営業活動をスムーズに行うことができ、業務の効率化を図ることができます。

また、チャットツールと連携することで、特定のメンバーに追加されたフォーム内容の共有をすることも可能です。

■注意事項

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

ステップ3:Webflowとサスケの連携設定

1)先ほど紹介したテンプレートの「このテンプレートを試してみる」のアイコンをクリックし、マイプロジェクトへコピーします。


2)以下のような表示が出てきます。


右に表示される「!」のアイコンを順番にクリックし、フローを編集していきます。
タイトルや詳細は、クリックすると変更可能です。
適宜変更してください。


3)「アプリトリガー フォームが送信されたら」をクリックします。


4) アクションは「フォームが送信されたら」を選択して、「次へ」をクリックします。


5) サイトIDを入力します。
アプリ登録ができていると候補から選択可能です。
入力が完了したら「テスト」をクリックします。
テスト成功後「保存」します。



6) Webhookイベントを送信後、「テスト」をクリックします。
テストが成功した後に「保存」します。

7) フローに戻り、「アプリと連携する リードソースを登録」のアイコンをクリックします。

8) アクションは「リードソースを登録」を選択し、「次へ」をクリックします。



9) 必須項目を入力してください。
アプリ登録ができていると、Webflowのアウトプット情報を活用し、必要に応じて候補から選択して入力します。
入力が完了したら、「保存」します。
サスケの項目取得については、こちらを参考にしてください。
サスケの各種設定項目の取得方法について | Yoomヘルプセンター (intercom.help)







10) これで【Webflowのフォームが送信されたらサスケに追加する】というフローの完成です。

ステップ4: テストと確認

 最後まで設定すると以下のような表示が出てくるので、「トリガーをON」をクリックします。
フローボットを起動し、正常に作動するか確認してください。

使用したテンプレートはこちらです


■概要

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

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

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

・Webflowで問い合わせやリード収集のフォームを設置している企業

・サスケにフォームから送信されたデータを自動で追加したい方

2.サスケを使用して業務を進めている方

・サスケを活用してリード情報を管理している方

・顧客管理でサスケを使用している営業担当者

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

Webflowにフォームを設置することで、問い合わせやリードに関する情報を効率的に収集できるのがメリットです。
しかし、サスケでWebflowのフォーム内容を管理している場合、手動によるデータ入力が必要となり、ヒューマンエラーの発生が懸念されます。

このテンプレートを使用することで、Webflowのフォームが送信されるとサスケに自動で追加することができるため、手動によるデータ入力が不要となります。
フォーム内容がスピーディーにサスケに追加されるため、営業活動をスムーズに行うことができ、業務の効率化を図ることができます。

また、チャットツールと連携することで、特定のメンバーに追加されたフォーム内容の共有をすることも可能です。

■注意事項

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

Webflow・サスケを使ったその他の自動化例

他にもWebflowとサスケを使った自動化のテンプレートがYoomにあるのでご紹介します。
用途に合わせてテンプレートを活用してください。

1. Webflowのフォームが送信されたらMicrosoft Excelに追加する
Webflowのフォーム内容が自動でMicrosoft Excelに追加されるため、毎回Webflowにログインする手間が不要となり、業務の効率化を図ることができます。
また、データ入力が自動化されることで、正確なデータがMicrosoft Excelに反映されるようになり、データの正確性が期待できます。


■概要
Webflowで作成したWebサイトのフォームから問い合わせや申し込みがあった際、その情報を手作業でMicrosoft Excelに転記していませんか?この定型的な作業は、時間がかかるだけでなく、コピー&ペーストのミスが発生する可能性もあります。このワークフローを活用すれば、Webflowのフォームが送信されると、その内容が自動でMicrosoft Excelへ追加されるため、こうしたデータ入力に関する課題を解消し、リード情報を正確かつ迅速に管理できます。

■このテンプレートをおすすめする方
  • Webflowのフォームで獲得したリード情報をMicrosoft Excelで管理しているご担当者の方
  • フォームからの問い合わせ対応の初動を早め、機会損失を防ぎたいと考えているマーケティングチームの方
  • 手作業によるデータ転記の手間やミスをなくし、業務を効率化したいと考えている全ての方

■このテンプレートを使うメリット
  • Webflowでフォームが送信されると、自動でMicrosoft Excelに情報が追加されるため、手作業での転記時間を短縮できます。
  • 人の手によるコピー&ペースト作業がなくなることで、入力内容の間違いや転記漏れといったヒューマンエラーの防止に繋がります。

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

■このワークフローのカスタムポイント
  • Webflowのトリガー設定では、自動化の対象としたいWebサイトのサイトIDを任意で設定してください。
  • Microsoft Excelでレコードを追加する際、どの列にフォームのどの項目を割り当てるか、または固定値を設定するかなど、柔軟なカスタマイズが可能です。

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

2.Webflowのフォームが送信されたらNotionに追加する
Webflowから送信されたフォーム内容をNotionに自動で追加することができます。
Webflowのダッシュボードに毎回ログインしてフォーム内容を転記する作業が不要となるため、ヒューマンエラー発生を防止し、業務の効率化を図ることができます。


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

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

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

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

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

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

3.Facebook広告でリードが登録されたらサスケにも登録する
Facebook広告でリードが登録されたら自動的にサスケにもリード情報が追加されて、営業担当者は手作業での入力作業から解放されることによってリードへのアプローチや商談などの、より重要な業務に集中できます。


■概要

Meta広告(Facebook)でリードが登録されたらサスケにも登録するフローです。

Yoomを利用すると、プログラミング不要で簡単にアプリ同士を連携することができます。

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

1.Meta広告(Facebook)運用担当者

・Meta広告(Facebook)から獲得したリード情報をサスケに手動で入力する手間を省きたい方

・リード情報の入力ミスを減らしたい方

・Meta広告(Facebook)とサスケのリード情報を自動で同期させたい方

2.営業担当者

・Meta広告(Facebook)から獲得したリード情報にサスケ上で迅速に対応したい方

・サスケでリードの進捗状況を一元管理したい方

3.マーケティング担当者

・Meta広告(Facebook)の成果をサスケのデータと連携させて分析したい方

・広告キャンペーンの効果測定を効率化したい方


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

Meta広告(Facebook)は効果的なリード獲得ツールですが、獲得したリード情報を別のシステムに手動で転記するのは、時間と手間がかかり入力ミスや情報漏れの原因にもなります。

このフローを活用すれば、Meta広告(Facebook)でリードが登録されたら自動的にサスケにもリード情報が追加されて、営業担当者は手作業での入力作業から解放されることによってリードへのアプローチや商談などの、より重要な業務に集中できます。またデータ入力ミスや情報漏れの心配がなくなることで正確かつ効率的なリード管理を実現することができます。

■注意事項

・Meta広告(Facebook)、サスケのそれぞれとYoomを連携してください。

まとめ

Webflowのフォームが送信された際に自動でサスケに情報が追加されるフローを導入することで、顧客情報の収集と管理が自動化できました。
これにより、手動でのデータ入力が不要になるため、入力ミスやデータの重複が防止され、サスケへの正確なデータ反映が期待できます。
また、情報の一元管理も実現されチーム間の情報共有が円滑になり、スピーディーな対応も見込めそうです。
手間を省き、ビジネスの成長を支援するこのプロセスを、ぜひ活用してみてください。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Renka Sudo
Renka Sudo
人材が限られる地方の中小企業で業務の効率化を日々模索していたところ、Yoomと出会いました。 こうだったらいいなとなにげなく考えていたことがYoomを導入することで、こんなにも効率化できるんだ!と感動。 システムやプログラミングの知識や経験がない私でも、業務が大きくかわったので、同じように感じているたくさんの方々へ共有できたらと執筆しています。
タグ
連携
サスケ
Webflow
自動
自動化
関連アプリ
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる