WebflowとMicrosoft Teamsの連携イメージ
【簡単設定】WebflowのデータをMicrosoft Teamsに自動的に連携する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとMicrosoft Teamsの連携イメージ
フローボット活用術

2025-10-23

【簡単設定】WebflowのデータをMicrosoft Teamsに自動的に連携する方法

Kumiko Tsukamoto
Kumiko Tsukamoto

「Webflowで新しいブログ記事を公開したら、すぐにチームに知らせたい」
「サイトの更新情報をMicrosoft Teamsに手動で投稿しているが、毎回だと手間だし、忘れることもある…」
このように、WebflowとMicrosoft Teams間での情報共有を手作業で行うことに、非効率さや情報伝達の漏れといった課題を感じていませんか?

もし、Webflowのアイテム更新をトリガーに、関連情報をMicrosoft Teamsの指定チャンネルへ自動で通知する仕組みがあれば、これらの悩みから解放され、より迅速で正確なチーム連携を実現し、本来集中すべきクリエイティブな業務に時間を使えるようになります。

今回ご紹介する自動化の設定は、プログラミングの知識がなくても簡単にでき、時間もかからないので、ぜひこの機会に導入して日々の情報共有を効率化しましょう!

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

YoomにはWebflowとMicrosoft Teamsを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう!


■概要

Webflowでアイテムを公開した際、チームへの共有を手作業で行い、手間や連絡漏れを感じていませんか?特にMicrosoft Teamsを利用しているチームでは、この情報共有の遅れが作業の非効率に繋がることもあります。
このワークフローを活用すれば、Webflowでアイテムが公開されると同時にMicrosoft Teamsの指定チャネルへ自動で通知されます。これにより、手作業による共有の手間をなくし、チーム全体の円滑な情報連携を実現します。

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

  • Webflowでアイテムを公開後、Microsoft Teamsへの共有を手作業で行っているWeb担当者の方
  • サイト公開に関するチーム内の情報共有を迅速化し、作業連携をスムーズにしたい方
  • Webflowと連携したチームの業務フローを自動化し、生産性を高めたいと考えているWeb管理者の方

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

  • Webflowでのアイテム公開をトリガーに、自動でMicrosoft Teamsに通知されるため、これまで共有作業にかけていた時間を短縮できます
  • 手作業による連絡で起こりがちな共有漏れや遅延を防ぎ、チーム全体へ正確な情報を素早く周知することが可能になります

■フローボットの流れ

  1. はじめに、WebflowとMicrosoft TeamsをYoomと連携します
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します
  3. 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」というアクションを設定し、通知先のチャネルやメッセージ内容を構成します

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

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

  • Microsoft Teamsの「チャネルにメッセージを送る」アクションでは、通知するメッセージ内容を任意で設定できます
  • Webflowのトリガーで取得したアイテム名やURLといった動的な情報をメッセージに含めることで、より具体的で分かりやすい通知を作成することが可能です

■注意事項

  • Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

WebflowとMicrosoft Teamsを連携してできること

WebflowとMicrosoft TeamsのAPIを連携すれば、Webflowでのサイト更新情報をMicrosoft Teamsに自動で通知することが可能になり、手動での情報共有の手間や伝達漏れをなくし、チーム内のコミュニケーションを円滑にします。

ここでは具体的な自動化の例を複数ご紹介しますので、気になる内容があれば、ぜひクリックしてみてください!

Webflowでアイテムが公開されたら、Microsoft Teamsに通知する

Webflowで新しいブログ記事やポートフォリオなどのアイテムが公開された際に、その情報を手動でコピー&ペーストしてMicrosoft Teamsに投稿する作業を自動化できます。

それにより、迅速な情報共有を可能にしチームの迅速なレビューや次のアクションへの移行をサポートします。


■概要

Webflowでアイテムを公開した際、チームへの共有を手作業で行い、手間や連絡漏れを感じていませんか?特にMicrosoft Teamsを利用しているチームでは、この情報共有の遅れが作業の非効率に繋がることもあります。
このワークフローを活用すれば、Webflowでアイテムが公開されると同時にMicrosoft Teamsの指定チャネルへ自動で通知されます。これにより、手作業による共有の手間をなくし、チーム全体の円滑な情報連携を実現します。

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

  • Webflowでアイテムを公開後、Microsoft Teamsへの共有を手作業で行っているWeb担当者の方
  • サイト公開に関するチーム内の情報共有を迅速化し、作業連携をスムーズにしたい方
  • Webflowと連携したチームの業務フローを自動化し、生産性を高めたいと考えているWeb管理者の方

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

  • Webflowでのアイテム公開をトリガーに、自動でMicrosoft Teamsに通知されるため、これまで共有作業にかけていた時間を短縮できます
  • 手作業による連絡で起こりがちな共有漏れや遅延を防ぎ、チーム全体へ正確な情報を素早く周知することが可能になります

■フローボットの流れ

  1. はじめに、WebflowとMicrosoft TeamsをYoomと連携します
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します
  3. 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」というアクションを設定し、通知先のチャネルやメッセージ内容を構成します

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

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

  • Microsoft Teamsの「チャネルにメッセージを送る」アクションでは、通知するメッセージ内容を任意で設定できます
  • Webflowのトリガーで取得したアイテム名やURLといった動的な情報をメッセージに含めることで、より具体的で分かりやすい通知を作成することが可能です

■注意事項

  • Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

Webflowでアイテムが削除されたら、Microsoft Teamsに通知する

Webflowから特定のアイテムが削除された際に、その旨を自動でMicrosoft Teamsに通知することができます。

関係者が常に最新のサイトコンテンツの状況を正確に把握し、誤った情報に基づくコミュニケーションを防ぐことができます。


■概要

Webflowをチームで利用する際、サイト内のアイテム削除といった重要な更新情報をいかにスムーズに共有するかが課題ではないでしょうか。手動での連絡は手間がかかる上に、通知漏れが発生するリスクも伴います。このワークフローは、Webflowでコレクションのアイテムが削除されたことをトリガーに、指定したMicrosoft Teamsのチャネルへ自動でメッセージを送信します。この連携により、サイト管理と情報共有の効率を高めることが可能です。

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

  • Webflowで管理しているサイトの更新情報を、チームで迅速に共有したいWeb担当者の方
  • 共同作業において、Microsoft Teamsでの情報共有を効率化したい方
  • 手動での通知作業による連絡漏れやタイムラグをなくし、確実な情報伝達を実現したい方

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

  • Webflowでアイテムが削除されると自動でMicrosoft Teamsに通知が飛ぶため、手作業での連絡に費やしていた時間を短縮し、迅速な情報共有ができます。
  • 担当者による通知漏れや内容の誤りといったヒューマンエラーを防ぎ、チーム内での確実な情報伝達とスムーズな連携を実現します。

■フローボットの流れ

  1. はじめに、WebflowとMicrosoft TeamsをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが削除されたら」というアクションを設定し、対象のサイトやコレクションを指定します。
  3. 最後に、オペレーションでMicrosoft Teamsの「チャネルにメッセージを送る」アクションを設定し、通知したいチャネルやメッセージ内容を構成します。

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

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

  • Microsoft Teamsへ通知するメッセージ内容は、トリガーで取得した削除アイテムの情報(アイテムIDなど)を含めて、柔軟にカスタマイズすることが可能です。
  • 上記の動的な情報に加えて、「【Webflow更新】アイテムが削除されました」といった固定のテキストを組み合わせることで、チームにとって分かりやすい通知を作成できます。

■注意事項

  • Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

WebflowとMicrosoft Teamsの連携フローを作ってみよう

それでは、実際にWebflowとMicrosoft Teamsを連携したフローを作成してみましょう。

今回はYoomというノーコード自動化ツールを使用して連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

今回は「Webflowでアイテムが公開されたら、Microsoft Teamsに通知する」フローを作成していきます!
作成の流れは大きく分けて以下の通りです。

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


■概要

Webflowでアイテムを公開した際、チームへの共有を手作業で行い、手間や連絡漏れを感じていませんか?特にMicrosoft Teamsを利用しているチームでは、この情報共有の遅れが作業の非効率に繋がることもあります。
このワークフローを活用すれば、Webflowでアイテムが公開されると同時にMicrosoft Teamsの指定チャネルへ自動で通知されます。これにより、手作業による共有の手間をなくし、チーム全体の円滑な情報連携を実現します。

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

  • Webflowでアイテムを公開後、Microsoft Teamsへの共有を手作業で行っているWeb担当者の方
  • サイト公開に関するチーム内の情報共有を迅速化し、作業連携をスムーズにしたい方
  • Webflowと連携したチームの業務フローを自動化し、生産性を高めたいと考えているWeb管理者の方

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

  • Webflowでのアイテム公開をトリガーに、自動でMicrosoft Teamsに通知されるため、これまで共有作業にかけていた時間を短縮できます
  • 手作業による連絡で起こりがちな共有漏れや遅延を防ぎ、チーム全体へ正確な情報を素早く周知することが可能になります

■フローボットの流れ

  1. はじめに、WebflowとMicrosoft TeamsをYoomと連携します
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します
  3. 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」というアクションを設定し、通知先のチャネルやメッセージ内容を構成します

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

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

  • Microsoft Teamsの「チャネルにメッセージを送る」アクションでは、通知するメッセージ内容を任意で設定できます
  • Webflowのトリガーで取得したアイテム名やURLといった動的な情報をメッセージに含めることで、より具体的で分かりやすい通知を作成することが可能です

■注意事項

  • Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

ステップ1:WebflowとMicrosoft Teamsをマイアプリ連携

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

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

1.Webflowのマイアプリ連携

Yoomの画面左側にある「マイアプリ」→「新規接続」をクリックしましょう。
「アプリ名で検索」でWebflowを探すか、アプリ一覧から探してください。

以下の画面が表示されるのでWebflowで確認し入力しましょう。

入力後、マイアプリにWebflowが表示されていれば連携の完了です。

2.Microsoft Teamsのマイアプリ連携

Microsoft Teamsのマイアプリ登録を進めましょう。
画面左側のマイアプリをクリックし、画面右側の「新規接続」をクリックします。

※「Microsoft 365(旧Office 365)」には個人向けと法人向けプラン(Microsoft 365 Business)があります。法人向けプランを契約していない場合、Yoomからの認証がうまくいかない可能性があるのでご注意ください。

検索窓にMicrosoft Teamsと入力し、表示された候補をクリックしましょう。

Microsoft365のアカウント選択画面が表示されるので、今回連携したいアカウントをクリックします。

サインインが完了するとマイアプリの画面に戻り、Microsoft Teamsが表示されます。

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

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

以下バナーのテンプレートの「このテンプレートを試してみる」のアイコンをクリックします。


■概要

Webflowでアイテムを公開した際、チームへの共有を手作業で行い、手間や連絡漏れを感じていませんか?特にMicrosoft Teamsを利用しているチームでは、この情報共有の遅れが作業の非効率に繋がることもあります。
このワークフローを活用すれば、Webflowでアイテムが公開されると同時にMicrosoft Teamsの指定チャネルへ自動で通知されます。これにより、手作業による共有の手間をなくし、チーム全体の円滑な情報連携を実現します。

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

  • Webflowでアイテムを公開後、Microsoft Teamsへの共有を手作業で行っているWeb担当者の方
  • サイト公開に関するチーム内の情報共有を迅速化し、作業連携をスムーズにしたい方
  • Webflowと連携したチームの業務フローを自動化し、生産性を高めたいと考えているWeb管理者の方

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

  • Webflowでのアイテム公開をトリガーに、自動でMicrosoft Teamsに通知されるため、これまで共有作業にかけていた時間を短縮できます
  • 手作業による連絡で起こりがちな共有漏れや遅延を防ぎ、チーム全体へ正確な情報を素早く周知することが可能になります

■フローボットの流れ

  1. はじめに、WebflowとMicrosoft TeamsをYoomと連携します
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します
  3. 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」というアクションを設定し、通知先のチャネルやメッセージ内容を構成します

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

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

  • Microsoft Teamsの「チャネルにメッセージを送る」アクションでは、通知するメッセージ内容を任意で設定できます
  • Webflowのトリガーで取得したアイテム名やURLといった動的な情報をメッセージに含めることで、より具体的で分かりやすい通知を作成することが可能です

■注意事項

  • Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

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

ステップ3:Webflowトリガーの設定

Webflowでアイテムが作成されたことを自動化のトリガーのするための設定を行います。
以下の赤枠をクリックしましょう。

連携アカウントとアクションを選択する画面が表示されるので、今回連携するWebflowのアカウントを確認し「次へ」をクリックします。

アプリトリガーのAPI接続設定が表示されるので、設定を進めていきましょう。
トリガーの起動間隔は5分・10分・15分・30分・60分から選択できます。
基本的には、プランの最短起動間隔にしてお使いいただくのがおすすめです。

ご利用プランによって、設定できるトリガーの最短間隔が違うので、その点は要チェックです。

サイトIDとコレクションIDを候補から入力しましょう。

ここでWebflowの該当コレクションにあるアイテムを公開してください。
フローボットに戻ったら「テスト」をクリックし、「取得した値」の欄にWebflowのデータが表示されているか確認しましょう。

この後のステップで、こちらの取得した値の内容を使用します!

テスト成功後、「保存する」をクリックしましょう。

ステップ4:Microsoft Teamsに通知を送る

Webflowでアイテムが作成されたことをMicrosoft Teamsに通知するための設定を行います。
以下の赤枠をクリックしましょう。

連携アカウントとアクションを選択する画面が表示されるので、今回連携するMicrosoft Teamsのアカウントを確認し「次へ」をクリックします。

チームID、チャネルIDを以下のように表示される候補から選択しましょう。

メッセージには以下のようにWebflowから取得した値を用いながら入力します。
運用内容に合わせて、お好みでカスタマイズしましょう。

取得した値=アウトプットを用いて以下のように設定することで、Webflowでアイテムが作成されるごとに異なる内容のメッセージをMicrosoft Teamsへ動的に反映できます。
なお、アウトプットを活用せず手入力すると毎回内容のメッセージが送信されてしまうため注意が必要です。

また、改行する場合<br>を使用してください。

入力ができたら「テスト」をクリックし、実際にMicrosoft Teamsにメッセージが送信されているか確認しましょう。
確認後、Yoom画面に戻り「保存する」をクリックし、設定を完了させます。

ステップ5:トリガーをONに設定しフロー稼働の準備完了

以下の画面の赤枠部分「トリガーをON」をクリックすることで、フローボットが自動で起動します。

設定お疲れ様でした!

Microsoft Teams のデータを Webflow に連携したい場合

今回はWebflowからMicrosoft Teamsへデータを連携する方法をご紹介しましたが、逆にMicrosoft TeamsからWebflowへのデータ連携を実施したい場合は、下記のテンプレートも併せてご利用ください。

Microsoft Teamsにメッセージが送信されたら、テキストを抽出してWebflowにアイテムを追加する

Microsoft Teamsの特定のチャンネルで投稿されたアイデアやタスク依頼などのメッセージから、必要な情報を自動で抽出してWebflowのCMSアイテムとして新規追加できます。

チャット上の議論からサイトコンテンツへの反映までのプロセスを効率化し、手動での転記作業をなくします


■概要

Webflowのチーム機能(Webflow Teams)を利用してサイトを共同管理する際、Microsoft TeamsでのコミュニケーションをWebflowのCMSに手作業で反映させるのは手間ではないでしょうか。コピー&ペーストによる転記作業は、更新漏れや入力ミスを招く原因にもなりかねません。このワークフローを活用すれば、Microsoft Teamsのチャネルにメッセージが送信されると、その内容を自動でWebflowのコレクションにアイテムとして追加できます。チームでのWebサイト運用を円滑にし、コンテンツ更新の効率化に貢献します。

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

  • Microsoft Teamsの連絡を基に、手作業でWebflowへ情報を転記している方
  • Webflow Teamsを利用し、チームでのサイト更新プロセスを効率化したいと考えている方
  • Webflow CMSへのアイテム登録を自動化し、ヒューマンエラーを削減したい方

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

  • Microsoft Teamsへのメッセージ送信を起点にWebflowへ自動でアイテムが追加されるため、これまで転記作業に費やしていた時間を短縮できます
  • Webflow Teamsでの運用で重要な、手作業による転記ミスや情報連携の漏れを防ぎ、コンテンツの品質を維持することに繋がります

■フローボットの流れ

  1. はじめに、Microsoft TeamsとWebflowをYoomと連携します
  2. 次に、トリガーでMicrosoft Teamsを選択し、「チャネルにメッセージが送信されたら」というアクションを設定します
  3. 次に、オペレーションでテキスト抽出機能を用い、トリガーで取得したメッセージから必要な情報を抽出するよう設定します
  4. 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、抽出したデータを任意のアイテムとして追加します

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

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

  • テキスト抽出オペレーションでは、Microsoft Teamsのメッセージ本文から、どの部分のテキストを抽出するかを任意で設定してください
  • Webflowにアイテムを追加する設定では、どのコレクションに追加するかを指定し、前のステップで抽出した値などを活用して各項目を設定してください

■注意事項

  • Microsoft Teams、WebflowのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

Microsoft Teamsにメッセージが送信されたら、テキストを抽出してWebflowのアイテムを削除する

Microsoft Teams上で送信されたコンテンツの削除依頼メッセージをトリガーに、該当するWebflow上のアイテムを自動で探し出し削除できます。

コンテンツ管理の指示から実行までのタイムラグをなくし、迅速かつ正確なサイト更新を実現します。


■概要

WebflowとMicrosoft Teamsを連携する際、コンテンツの削除依頼をチャットで受け、手作業で対応することに手間を感じていませんか。
手動での作業は、対応漏れや削除ミスにつながる可能性もあります。

このワークフローを活用すれば、Microsoft Teamsに特定のメッセージを投稿するだけで、自動でWebflowのアイテムを削除できます。
煩雑な削除作業を自動化し、正確でスムーズなサイト運営を実現します。

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

  • WebflowをMicrosoft Teamsで共同管理し、アイテムの削除を手作業で行っているWeb担当者の方
  • Microsoft Teamsを起点に、Webflowのコンテンツ更新・削除作業を効率化したい方
  • 複数人でのサイト運営における、手作業によるミスや対応の遅れを解消したいチームの方

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

  • Microsoft Teamsへのメッセージ投稿でWebflowのアイテムが自動で削除されるため、手動での操作にかかる時間を短縮できます。
  • 手作業による削除アイテムの指定間違いや、依頼の見落としといったヒューマンエラーの発生を防ぎ、正確なサイト運営を支援します。

■フローボットの流れ

  1. はじめに、Microsoft TeamsとWebflowをYoomと連携します。
  2. 次に、トリガーでMicrosoft Teamsを選択し、「チャネルにメッセージが送信されたら」というアクションを設定します。
  3. 次に、オペレーションでテキスト抽出機能を選択し、前のステップで取得したメッセージ内容から、削除したいアイテムの情報などを抽出するよう設定します。
  4. 最後に、オペレーションでWebflowを選択し、「コレクションのアイテムを削除」アクションで、抽出した情報を元にアイテムを削除するよう設定します。

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

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

  • テキスト抽出のオペレーションで、Microsoft Teamsのメッセージからどの部分のテキストを抽出するかを任意で設定してください。
  • Webflowでアイテムを削除するアクションでは、前のテキスト抽出で取得した値などを活用して、削除対象のアイテムを設定してください。

■注意事項

  • Microsoft Teams、WebflowのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。

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

今回ご紹介した連携以外でも、WebflowやMicrosoft TeamsのAPIを活用してさまざまな業務を自動化することが可能です。
もし気になるものがあれば、こちらも試してみてください!

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

Webflowのフォーム送信をトリガーに、Microsoft ExcelやNotion、Salesforceなどのツールに自動でデータを追加するテンプレートです。

例えば、顧客情報をWebflowで収集した際に、素早くMicrosoft ExcelやNotionに反映させることができ、手動入力の手間を省けます。
Webflowを使っているが、さらにデータ管理の効率化を図りたい方に特におすすめです。


■概要

Webflowのフォームが送信されたらHubSpotにチケットを作成するフローです。

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

1.カスタマーサポートチーム

・顧客からの問い合わせやリクエストを効率的に管理したいチーム

・フォーム送信内容を自動でチケット化し、迅速に対応したいサポート部門

2.営業部門

・見込み顧客の問い合わせを効率的に管理し、迅速に対応したい営業チーム

・フォームから送信された情報を基に、フォローアップアクションを実行したい部門

3.マーケティング部門

・顧客のフィードバックやリクエストをHubSpotで一元管理し、マーケティング活動に活用したいチーム

4.IT部門やシステム管理者

・フォーム送信内容を一元管理し、システム上で効率的に対応したい部門

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

・顧客からの問い合わせやリクエストにリアルタイムで対応でき、顧客満足度の向上に繋がります。

・チケット作成の手間を省けるため作業時間を大幅に短縮することができます。

■注意事項

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


■概要

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

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

1.Webflowを導入してWebサイトの運営を行っている方

・問い合わせやリード情報の管理を自動化したい方

・Webflowで自社サイトの運営をしている企業

2.Microsoft Excelで情報管理をしている方

・Microsoft Excelでフォーム内容の一元管理をしている方

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

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

Webflowのフォームを利用することで、問い合わせやリード情報の収集を効率的に行うことができますが、毎回Webflowにログインして確認するのは手間です。
また、フォーム内容を管理するためにMicrosoft Excelに手動で追加している場合、誤入力や入力漏れが発生する可能性があります。

Microsoft Excelへのフォーム内容の追加を自動化したい方に、このテンプレートは適しています。
Webflowのフォーム内容が自動でMicrosoft Excelに追加されるため、毎回Webflowにログインする手間が不要となり、業務の効率化を図ることができます。

また、データ入力が自動化されることで、正確なデータがMicrosoft Excelに反映されるようになり、データの正確性を保つことができます。

■注意事項

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

・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。


■概要

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

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

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

・問い合わせやリード情報をWebflowのフォームから収集している企業

・フォーム情報をNotionへ自動で追加したい方

2.業務管理でNotionを使用している方

・Notionで問い合わせ内容やリード情報を一元管理している方

・手作業によるNotionへのデータ入力を自動化したい方

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

Webflowにフォームを設置することで、問い合わせやリード情報を効率的に取得することができます。
しかし、フォーム内容は都度ダッシュボードにログインして確認する必要があり、手間だと感じているかもしれません。

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

また、Notionにフォーム内容が自動で追加されることで、顧客対応のプロセスをスムーズに進めることが可能です。

■注意事項

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


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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

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

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


■概要

Webflowでコレクションのアイテムが作成されたらGoogle スプレッドシートに追加するフローです。

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

1.Webサイトの運営を担当している方

・Webflowを利用したWebサイトの運営をしている方

・WebflowのコレクションをGoogle スプレッドシートに連携している方

2.WebflowのコレクションをGoogle スプレッドシートで管理している方

・Webflowのコレクションを活用してWebサイトの運営を効率化している方

・Google スプレッドシートへの情報追加を効率化したい方

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

Webflowのコレクション管理をGoogle スプレッドシートで行っている場合、手動による追加作業が手間だと感じているかもしれません。
また、Webサイトのコンテンツの追加が頻繫に行われている状況だと、追加作業にかかる時間も増えてしまい生産性が低減する可能性があります。

このテンプレートは、Webflowのコレクションのアイテムが追加されると自動でGoogle スプレッドシートに追加することができます。
Google スプレッドシートへの追加作業を自動化できるため、管理業務にかける時間を削減し、業務をシームレスに進めることが可能です。

Webflowのコレクションを元にデータの分析やレポートの作成を行っている場合にも、常に最新の情報がスピーディーに連携されるため、業務運営がスムーズになります。

■注意事項

・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。

Microsoft Teamsを使った便利な自動化例

プロジェクト管理や顧客対応の場面では、課題やチケットが追加された際にMicrosoft Teamsへ自動通知されるので、重要な情報を見逃すリスクを減らすことが可能です。

また、チャネルへの投稿をOutlookのメール通知に変換したり、Miroでレポート化することで、社内外のメンバーへ円滑に情報共有でき、タスクの進行管理にも役立ちます。


◼️概要

Backlogに課題が追加されたら、指定のMicrosoft Teamsチャネルに通知します。

通知内容には、課題のタイトルや説明などを含むことが可能です。

◼️設定方法

1.BacklogとMicrosoft TeamsそれぞれのアプリとYoomを連携してください。(マイアプリ連携)

2.トリガーの「Backlogに課題が追加されたら」を選択し、連携アカウントやプロジェクトを設定してください。

3.Microsoft Teamsの「チャネルにメッセージを送る」というオペレーションで、連携アカウントや送信先のチャットルーム、メッセージ内容を設定してください。

4.メッセージ内容は、Backlogから取得した課題の情報をもとにカスタマイズできます。

5.最後にフローボットのトリガーをONにしてください。

6.これにより、Backlogに課題が追加されると、指定したMicrosoft Teamsチャネルに通知が送信されます。

◼️注意事項

・各アプリのオペレーションで連携するアカウント情報の設定が必要です。

・Microsoft Teamsの投稿先や通知文を任意の値に置き換えてご利用ください。

・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。


■概要

Microsoft Teamsの特定チャネルに投稿されるプロジェクトや案件の情報を、手作業でOneDriveにフォルダとして作成し管理していませんか。こうした定型的な作業は手間がかかるだけでなく、フォルダの命名規則を誤るなどのミスにも繋がりがちです。このワークフローを活用すれば、Microsoft Teamsへのメッセージ投稿をトリガーに、内容をAIが読み取り、OneDriveに自動でフォルダが作成されるため、これらの課題を解消し、よりスムーズな情報管理を実現します。

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

  • Microsoft TeamsとOneDriveを連携させ、情報管理の効率化を図りたいと考えている方
  • 特定のメッセージをもとに、手作業でOneDriveにフォルダを作成しているチームリーダーや担当者の方
  • 定型的なフォルダ作成作業を自動化し、命名ミスなどのヒューマンエラーを防止したい方

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

  • Microsoft Teamsへのメッセージ投稿だけでフォルダが自動生成されるため、これまで手作業での作成に費やしていた時間を短縮できます。
  • AIがメッセージからフォルダ名を正確に抽出して作成するため、手作業による命名規則の間違いや作成漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

  1. はじめに、Microsoft TeamsとOneDriveをYoomと連携します。
  2. 次に、トリガーでMicrosoft Teamsを選択し、「チャネルにメッセージが送信されたら」というアクションを設定します。
  3. 続いて、オペレーションでAI機能の「テキストからデータを抽出する」を設定し、投稿されたメッセージ本文からフォルダ名として利用したい情報を抽出します。
  4. 最後に、オペレーションでOneDriveの「フォルダを作成」アクションを設定し、AI機能で抽出した情報をもとにフォルダを自動で作成します。

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

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

  • AI機能によるテキスト抽出の設定では、トリガーで取得したMicrosoft Teamsのメッセージ内容を変数として利用し、フォルダ名として抽出したい項目を任意に指定することが可能です。これにより、独自の命名規則に沿ったフォルダを自動で作成できます。

注意事項

  • Microsoft TeamsとOneDriveのそれぞれとYoomを連携してください。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。・プランによって最短の起動間隔が異なりますので、ご注意ください。・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

■概要

Microsoft Teamsでの活発なコミュニケーションは情報共有に不可欠ですが、重要なメッセージを見逃したり、会議の議事録やレポートを手作業でMiroにまとめるのは手間がかかる作業ではないでしょうか。このワークフローを活用すれば、Microsoft Teamsに投稿されたメッセージをAIが自動で要約し、Miroにカードとして記録するため、情報整理の効率を上げ、共有の迅速化を実現できます。

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

  • Microsoft Teamsでのやり取りが多く、情報整理や議事録作成に時間を要している方
  • Miroを使用してプロジェクトの進捗管理やアイデア共有をよりスムーズに行いたいチームリーダーの方
  • AIを活用して、日々の情報収集やレポート作成業務の負担を軽減したいと考えている方

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

  • Microsoft TeamsのメッセージがAIによって自動で要約されMiroに記録されるため、手作業による転記やまとめ作業にかかっていた時間を削減できます。
  • 重要な情報を見逃したり、手作業によるレポート作成時の誤記や抜け漏れといったヒューマンエラーを防ぎ、情報の正確性を維持します。

■フローボットの流れ

  1. はじめに、Microsoft TeamsとMiroをYoomと連携します。
  2. 次に、トリガーでMicrosoft Teamsを選択し、「チャネルにメッセージが送信されたら」というアクションを設定します。これにより、指定したチャネルに新しいメッセージが投稿されるとフローが起動します。
  3. 次に、オペレーションでAI機能を選択し、「要約する」アクションを設定します。ここで、Microsoft Teamsから受け取ったメッセージ内容をAIが指定された条件に基づいて要約します。
  4. 最後に、オペレーションでMiroを選択し、「ボードにカードを作成」アクションを設定します。AIによって要約されたテキスト情報をもとに、指定したMiroのボードに新しいカードとして追加します。

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

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

  • AI機能の「要約する」アクションでは、どのメッセージ部分を要約対象とするか、出力する要約文の目安となる文字数、そして「結論を先に」「重要なポイントを3点に絞る」といった具体的な要約の条件を任意で指定してください。
  • Miroの「ボードにカードを作成」アクションでは、カードを作成する対象のボードID、ボード上でのカードの配置位置(x座標、y座標)、カードの表示サイズ(scale)、カードのタイトル(title)、そしてカード内に記載する詳細な説明文(description)などを、運用に合わせてカスタマイズしてください。

■注意事項

  • Microsoft Teams、MiroのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。

◼️概要

Microsoft Teamsの特定のチャンネルに文章が投稿されたら、自動的にOutlookを使ってメールで転送します。

Outlookのメールの本文や宛先は自由に変更してご利用ください。

間に分岐処理を追加することで、Microsoft Teamsの投稿内容に応じてメールの内容や宛先を分岐することも可能です。

◼️注意事項

・各アプリのオペレーションで連携するアカウント情報の設定が必要です。

・Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。


■概要

Zendeskで新しいチケットが作成されるたびに、手作業でチームに共有するのは手間がかかるうえ、通知の遅れや漏れが発生しがちではないでしょうか。このワークフローは、Zendeskでチケットが作成された際に、その情報をMicrosoft Teamsの指定チャネルへ自動で通知するため、手作業による情報共有の手間や伝達ミスといった課題を解消し、迅速な顧客対応を実現します。

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

  • Zendeskで顧客対応を行い、チームへの情報共有を効率化したいと考えている方
  • Microsoft Teamsを主要な連絡手段とし、Zendeskとの連携を模索している方
  • 手作業による通知の遅れや漏れを防ぎ、対応速度の向上を目指しているマネージャーの方

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

  • Zendeskでチケットが作成されると自動でMicrosoft Teamsに通知されるため、これまで手作業での共有に費やしていた時間を短縮できます。
  • 手動での共有作業が不要になることで、通知の漏れや遅延といったヒューマンエラーを防ぎ、確実な情報伝達を実現します。

■フローボットの流れ

  1. はじめに、ZendeskとMicrosoft TeamsをYoomに連携します。
  2. 次に、トリガーでZendeskを選択し、「新しいチケットが作成されたら」というアクションを設定します。
  3. 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」アクションを設定することで、チケット情報を指定のチャネルに通知します。

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

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

  • Zendeskのトリガー設定では、連携するアカウントのサブドメインを任意で設定してください。
  • Microsoft Teamsのオペレーション設定では、通知先のチームやチャネルを任意に指定できます。
  • 通知するメッセージ本文には、Zendeskから取得したチケットの件名や担当者といった情報を変数として埋め込み、自由にカスタマイズすることが可能です。

■注意事項

  • Zendesk、Microsoft TeamsのそれぞれとYoomを連携してください。
  • Microsoft365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft365 Business)があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
  • トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
  • プランによって最短の起動間隔が異なりますので、ご注意ください。
  • 【Zendesk】はチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
  • チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。

まとめ

WebflowとMicrosoft Teamsの連携を自動化することで、これまで手作業で行っていたサイト更新に関するチームへの通知作業をなくし、ヒューマンエラーによる情報伝達の漏れや遅延を防ぐことができます。

これにより、チームメンバーは常に最新の情報を自動で共有でき、担当者はコンテンツの企画や作成といった、より創造性が求められるコア業務に集中できる環境が整うでしょう。

今回ご紹介したような業務自動化を実現できるノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください!

よくあるご質問

Q:特定の条件を満たすアイテム公開時のみ通知できますか?

A:はい、可能です。
有料プランで使える「分岐」機能を使用することで、特定のキーワードやステータスのアイテム作成を自動化のトリガーにすることができます。

Q:連携が失敗した場合、通知はどうなりますか?

A:自動化が失敗した場合、Yoomに登録したメールアドレスに通知が届きます。
エラー内容を確認し、修正を行なってください。

ヘルプページで解決しない場合は、サポート窓口を利用することもできます。

Q:この連携は無料プランでどこまで試せますか?

A:月100タスク以内まで利用が可能です。
今回のフローでは

  • チャネルにメッセージを送る(1タスク)

の消費になるため、100件まで通知することが可能です。
なお、月に90件以上通知することが見込まれる場合は有料プランがおすすめです。

まずはYoomを使って操作してみたいという方は、フリープランからお試しできます。
Yoomでは2週間の無料トライアルも提供しており、期間中は制限のあるアプリや機能を使用することができます。
ぜひこの機会に、どの機能がご自身の業務に役立つかを確認し、お試しください!

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Kumiko Tsukamoto
Kumiko Tsukamoto
SaaS連携ツール「Yoom」を活用した業務自動化に関する記事を執筆するWebライター。ITパスポート資格保有者で、元システムエンジニア。Excelへの手入力による勤怠管理や領収書のデータ化といった反復作業に日々直面した経験から、SaaSツールを活用した業務効率化に興味を抱く。現在は、手作業に悩む担当者に向けて、Yoomの自動化機能を用いた業務フロー改善のTipsを発信している。
タグ
連携
Microsoft Teams
Webflow
自動
自動化
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる