WebflowとYoomの連携イメージ
【ノーコードで実現】Webflowの更新情報を自動でメール通知する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとYoomの連携イメージ
アプリ同士の連携方法

2026-01-20

【ノーコードで実現】Webflowの更新情報を自動でメール通知する方法

Kairi Takizawa
Kairi Takizawa

Webflowでサイトを更新するたびに関係者へ手動でメールを送信したり、更新内容をSlackで共有したりする作業に手間を感じていませんか?

特に、複数のメンバーが関わるプロジェクトでは、迅速かつ正確な情報共有が不可欠です。

しかし、手作業での通知は漏れや遅延のリスクが伴い、本来集中すべきサイト制作やコンテンツ改善の時間を圧迫してしまいます。

もし、Webflowでサイトのアイテムが更新されたタイミングを自動で検知し、指定した宛先にメール通知できる仕組みがあれば、これらの悩みから解放されるでしょう!

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

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

YoomにはWebflowの更新情報を取得する業務フロー自動化のテンプレートが用意されています。

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


Webflowの更新をGmailで自動通知するフローを作ってみよう

それではここから代表的な例として、Webflowでアイテムが更新された際に、その内容をGmailで自動的に通知するフローを解説していきます!

ここではYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、Yoomの登録フォームからアカウントを発行しておきましょう。

※今回連携するアプリの公式サイト:WebflowGoogle Workspace

[Yoomとは]

フローの作成方法

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

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


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

ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。

まずは基本的な設定方法を解説しているナビをご覧ください!

※Gmailの連携方法は、以下のGoogle スプレッドシートの連携方法をご参照ください。

Webflowの連携

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

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

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

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

続いてYoomのテンプレートをコピーします。以下バナーの「試してみる」をクリックしましょう。


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

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

トリガー設定を行っていきます。
1つ目の赤枠をクリックしましょう。

連携アカウントとアクションを選択しましょう。
トリガーアクションは、テンプレート通りに「コレクションのアイテムが更新されたら」のままで大丈夫です。
「次へ」をクリックして進んでください。

サイトを候補の中から選択し、サイトIDの登録を行います。

WebhookURLの登録を行います。
「WebhookURLを登録」をクリックしましょう!

テストに成功したら、「次へ」ボタンで次のページに進みます。

次に、Webflowのコレクションのアイテムを更新しましょう!

Yoomの設定に戻ったら、「テスト」ボタンを押します。

「テスト成功」と表示が出たら、取得した値にデータが反映されます。
※取得した値とは、トリガーやオペレーションにて取得した値を指します。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。