【ノーコードで実現】Webflowのフォーム送信をSlackに自動で通知する方法

Webサイトの運用において、Webflowで作成したフォームからのお問い合わせや資料請求は、ビジネスチャンスに繋がる重要な接点です。
しかし、「フォームが送信されるたびに手動で内容を確認し、Slackに転記してチームに共有するのが手間」
「担当者への通知が遅れたり、対応漏れが発生してしまったりすることがある」といった課題を抱えていませんか？

もし、Webflowのフォームが送信されたタイミングで、その内容が自動的にSlackの指定チャンネルに通知される仕組みがあれば、これらの悩みから解放されます。

今回ご紹介する自動化の設定は、ノーコードで簡単に設定できて、手間や時間もかからないので、ぜひ自動化を導入して作業をもっと楽にしましょう！

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

YoomにはWebflowのフォーム送信内容を取得する業務フロー自動化のテンプレートが用意されています。

「まずは試してみたい！」という方は、以下のバナーをクリックして、すぐに自動化を体験してみましょう！

Webflowでフォームが送信されたら、Slackに回答内容を通知する

試してみる

---

■概要

Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。

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

• Webflowで作成したフォームの回答をSlackで迅速に受け取りたいWebサイト管理者の方
• フォームからのリード対応の速度を向上させたいマーケティングや営業担当者の方
• 手動での確認や通知作業をなくし、業務の効率化を図りたいと考えている方

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

• Webflowでフォームが送信されると、Slackへ即座に通知が届くため、確認や対応までの時間を短縮できます
• 手動での確認作業が不要になることで、問い合わせの見落としや担当者への連携漏れといったヒューマンエラーを防ぎます

■フローボットの流れ

1. はじめに、WebflowとSlackをYoomと連携します
2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
3. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、指定したチャンネルにフォームの回答内容を通知します

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

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

• Webflowのトリガー設定では、通知の対象としたいサイトIDを任意で設定してください
• Slackのオペレーション設定では、通知を送りたいチャンネルを任意で指定し、メッセージ本文にはWebflowフォームで取得した回答内容などを活用して、自由にカスタマイズしてください

■注意事項

• ‍‍Webflow、SlackのそれぞれとYoomを連携してください。
• Webflowのフォーム回答アウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

Webflowのフォーム送信内容をSlackに通知する方法

Webflowのフォームが送信された際に、その内容をSlackに自動で通知する連携方法を、具体的なテンプレートを使って紹介します！
気になる内容があれば、ぜひクリックしてみてください！

チャットツールに通知する

Webflowでフォームが送信されたら、その回答内容をSlackなどのチャットツールに自動で通知することができます。

手動での確認や転記の手間をなくし、チーム内でのリアルタイムな情報共有を実現して対応速度を向上させましょう！

Webflowでフォームが送信されたら、Slackに回答内容を通知する

試してみる

---

■概要

Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。

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

• Webflowで作成したフォームの回答をSlackで迅速に受け取りたいWebサイト管理者の方
• フォームからのリード対応の速度を向上させたいマーケティングや営業担当者の方
• 手動での確認や通知作業をなくし、業務の効率化を図りたいと考えている方

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

• Webflowでフォームが送信されると、Slackへ即座に通知が届くため、確認や対応までの時間を短縮できます
• 手動での確認作業が不要になることで、問い合わせの見落としや担当者への連携漏れといったヒューマンエラーを防ぎます

■フローボットの流れ

1. はじめに、WebflowとSlackをYoomと連携します
2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
3. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、指定したチャンネルにフォームの回答内容を通知します

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

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

• Webflowのトリガー設定では、通知の対象としたいサイトIDを任意で設定してください
• Slackのオペレーション設定では、通知を送りたいチャンネルを任意で指定し、メッセージ本文にはWebflowフォームで取得した回答内容などを活用して、自由にカスタマイズしてください

■注意事項

• ‍‍Webflow、SlackのそれぞれとYoomを連携してください。
• Webflowのフォーム回答アウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

Webflowのフォーム送信をSlackに通知するフローを作ってみよう

それではここから代表的な例として、Webflowでフォームが送信された際にSlackに回答内容を自動で通知するフローを解説していきます！
ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

※今回連携するアプリの公式サイト：Webflow

[Yoomとは]

フローの作成方法

今回は大きく分けて以下のプロセスで作成します。

• WebflowとSlackのマイアプリ連携
• テンプレートをコピー
• Webflowのトリガー設定とSlackのアクション設定
• トリガーをONにし、フローが起動するかを確認

Webflowでフォームが送信されたら、Slackに回答内容を通知する

試してみる

---

■概要

Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。

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

• Webflowで作成したフォームの回答をSlackで迅速に受け取りたいWebサイト管理者の方
• フォームからのリード対応の速度を向上させたいマーケティングや営業担当者の方
• 手動での確認や通知作業をなくし、業務の効率化を図りたいと考えている方

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

• Webflowでフォームが送信されると、Slackへ即座に通知が届くため、確認や対応までの時間を短縮できます
• 手動での確認作業が不要になることで、問い合わせの見落としや担当者への連携漏れといったヒューマンエラーを防ぎます

■フローボットの流れ

1. はじめに、WebflowとSlackをYoomと連携します
2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
3. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、指定したチャンネルにフォームの回答内容を通知します

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

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

• Webflowのトリガー設定では、通知の対象としたいサイトIDを任意で設定してください
• Slackのオペレーション設定では、通知を送りたいチャンネルを任意で指定し、メッセージ本文にはWebflowフォームで取得した回答内容などを活用して、自由にカスタマイズしてください

■注意事項

• ‍‍Webflow、SlackのそれぞれとYoomを連携してください。
• Webflowのフォーム回答アウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

ステップ1：WebflowとSlackをマイアプリ連携

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

※Slackの連携については、下記をご参照ください。

それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。

Webflowの連携

同様に検索欄にWebflowと記入して、表示されたWebflowのアイコンをクリックします。

アカウント名とアクセストークンを記入して、「追加」ボタンをクリックしましょう！

下記のような表示が出たら、連携は成功です！

ステップ2：テンプレートをコピーする

続いてYoomのテンプレートをコピーします。

以下バナーの「試してみる」をクリックします。

Webflowでフォームが送信されたら、Slackに回答内容を通知する

試してみる

---

■概要

Webflowで作成したフォームからの問い合わせや申し込みがあった際に、担当者への共有が遅れたり、確認漏れが発生したりすることはありませんか？手動での確認や転記作業は手間がかかるだけでなく、ビジネスチャンスを逃す原因にもなりかねません。
このワークフローを活用すれば、Webflowのフォーム送信をトリガーとして、Slackへ回答内容を自動で通知することが可能になり、迅速かつ確実な情報共有を実現します。

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

• Webflowで作成したフォームの回答をSlackで迅速に受け取りたいWebサイト管理者の方
• フォームからのリード対応の速度を向上させたいマーケティングや営業担当者の方
• 手動での確認や通知作業をなくし、業務の効率化を図りたいと考えている方

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

• Webflowでフォームが送信されると、Slackへ即座に通知が届くため、確認や対応までの時間を短縮できます
• 手動での確認作業が不要になることで、問い合わせの見落としや担当者への連携漏れといったヒューマンエラーを防ぎます

■フローボットの流れ

1. はじめに、WebflowとSlackをYoomと連携します
2. 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
3. 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、指定したチャンネルにフォームの回答内容を通知します

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

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

• Webflowのトリガー設定では、通知の対象としたいサイトIDを任意で設定してください
• Slackのオペレーション設定では、通知を送りたいチャンネルを任意で指定し、メッセージ本文にはWebflowフォームで取得した回答内容などを活用して、自由にカスタマイズしてください

■注意事項

• ‍‍Webflow、SlackのそれぞれとYoomを連携してください。
• Webflowのフォーム回答アウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。

詳細を見る 試してみる

以下の画像のような画面が表示されたらテンプレートのコピーは完了です。

ステップ3：事前準備

Webflowにて今回テストで使用するフォーム作成をしておきます。

今回は以下のようなフォームを使用します。

ステップ4：Webflowのトリガー設定

Yoomの設定に入りましょう！
まずは、トリガーとなるアプリの設定を行います。以下の赤枠をクリックしてください。

アカウント情報を確認しましょう。問題なければ、「次へ」ボタンをクリックします。

「WebhookURLを登録」ボタンをクリックします。

以下のような画面が表示されたらWebhookの登録に成功です！
「次へ」ボタンで次の設定へ進みましょう。

準備したフォームに回答を送信したら、テストを実行しましょう！

テスト成功で、取得した値が取得されます。

※取得した値とは、トリガーやオペレーションにて受け取ったデータのことです。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。

次に「取得する値を追加」をクリックします。
※取得する値を設定する方法については以下のヘルプページもご覧ください。

• 取得する値を追加する方法