【簡単設定】Webflowのアイテムが非公開になったら自動で通知する方法

 「Webflowで共同編集しているけど、いつの間にかアイテムが非公開になっていて困った…」

「どのアイテムが非公開になったのか、いちいち手動で確認するのは面倒だし、見落としも心配…」

このように、Webflowでのサイト管理において、コンテンツのステータス変更の把握に手間や不安を感じていませんか？

もし、Webflowのコレクションアイテムが非公開になったタイミングをトリガーとして、指定のチャットツールに自動で通知が届く仕組みがあれば、これらの悩みから解放され、重要な変更をスピーディーに把握し、よりスムーズなサイト運営を実現できます！

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

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

Webflowのコレクションのアイテムが非公開になったらGoogle Chatに通知する

試してみる

---

■概要
Webflowで管理しているコレクションアイテムが意図せず非公開になってしまい、関係者への共有が遅れてしまった経験はありませんか？手動でステータスを確認し、通知するのは手間がかかる作業です。
このワークフローを活用すれば、Webflowでコレクションのアイテムが非公開になったタイミングを自動で検知しGoogle Chatへ通知を送信できます。これにより、重要な変更の見落としを防ぎ、迅速な対応を実現します。

■このテンプレートをおすすめする方
・Webflowで管理するコンテンツのステータス変更をチームに迅速に共有したいサイト運営者の方
・Webflowのアイテムが非公開になった際の通知を手作業で行っており、自動化したいと考えている方
・Google Chatを活用し、Webサイトの更新状況を素早く把握したいチームリーダーの方

■注意事項
・Webflow、Google ChatのそれぞれとYoomを連携してください。
・Google Chatとの連携はGoogle Workspaceの場合のみ可能です。詳細は「Google Chatでスペースにメッセージを送る方法」を参照ください。
https://intercom.help/yoom/ja/articles/6647336

詳細を見る 試してみる

Webflowのアイテム非公開をGoogle Chatに通知するフローを作ってみよう

それではここから代表的な例として、Webflowのコレクションのアイテムが非公開になったらGoogle Chatに通知するフローを解説していきます！

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

30秒で簡単登録！無料で始める

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

[Yoomとは]

フローの作成方法

作成の流れは大きく分けて以下です。

• WebflowとGoogle Chatをマイアプリに連携する
• テンプレートをコピーする
• Webflowのトリガー設定とGoogle Chatの設定
• トリガーをONに設定しフロー稼働の準備完了

Webflowのコレクションのアイテムが非公開になったらGoogle Chatに通知する

試してみる

---

■概要
Webflowで管理しているコレクションアイテムが意図せず非公開になってしまい、関係者への共有が遅れてしまった経験はありませんか？手動でステータスを確認し、通知するのは手間がかかる作業です。
このワークフローを活用すれば、Webflowでコレクションのアイテムが非公開になったタイミングを自動で検知しGoogle Chatへ通知を送信できます。これにより、重要な変更の見落としを防ぎ、迅速な対応を実現します。

■このテンプレートをおすすめする方
・Webflowで管理するコンテンツのステータス変更をチームに迅速に共有したいサイト運営者の方
・Webflowのアイテムが非公開になった際の通知を手作業で行っており、自動化したいと考えている方
・Google Chatを活用し、Webサイトの更新状況を素早く把握したいチームリーダーの方

■注意事項
・Webflow、Google ChatのそれぞれとYoomを連携してください。
・Google Chatとの連携はGoogle Workspaceの場合のみ可能です。詳細は「Google Chatでスペースにメッセージを送る方法」を参照ください。
https://intercom.help/yoom/ja/articles/6647336

詳細を見る 試してみる

ステップ1：WebflowとGoogle Chatをマイアプリに連携する

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

• Google Chatのマイアプリ登録方法
  ※Google Chatとの連携は、Google Workspace環境のみでご利用いただけます。
  詳しい方法や設定については、下記のサイトをチェックしてくださいね！
  Google Chatでスペースにメッセージを送る方法
  

• Webflowのマイアプリ登録方法

(1)Yoomにログイン後、左欄にある「マイアプリ」を選択し「＋新規接続」をクリックしてください。
マイアプリの新規接続一覧の中から、Webflowをクリックします。

(2)「Webflowの新規登録」画面から赤枠を確認の上、アカウント名、アクセストークンを入力し「追加」をクリックします。

これでマイアプリ登録が完了しました。
次は、テンプレートを使用してトリガーの設定をしましょう！

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

Webflowのコレクションのアイテムが非公開になったらGoogle Chatに通知する

試してみる

---

■概要
Webflowで管理しているコレクションアイテムが意図せず非公開になってしまい、関係者への共有が遅れてしまった経験はありませんか？手動でステータスを確認し、通知するのは手間がかかる作業です。
このワークフローを活用すれば、Webflowでコレクションのアイテムが非公開になったタイミングを自動で検知しGoogle Chatへ通知を送信できます。これにより、重要な変更の見落としを防ぎ、迅速な対応を実現します。

■このテンプレートをおすすめする方
・Webflowで管理するコンテンツのステータス変更をチームに迅速に共有したいサイト運営者の方
・Webflowのアイテムが非公開になった際の通知を手作業で行っており、自動化したいと考えている方
・Google Chatを活用し、Webサイトの更新状況を素早く把握したいチームリーダーの方

■注意事項
・Webflow、Google ChatのそれぞれとYoomを連携してください。
・Google Chatとの連携はGoogle Workspaceの場合のみ可能です。詳細は「Google Chatでスペースにメッセージを送る方法」を参照ください。
https://intercom.help/yoom/ja/articles/6647336

詳細を見る 試してみる

コピーすると下の画像のようにテンプレートがお使いのYoom管理画面にコピーされるので、OKを押して設定を進めていきましょう！

ステップ3：アプリトリガーの設定

(1)Webflowと連携して、コレクションアイテムが非公開になった際の設定を行っていきます！

アプリトリガーの「コレクションのアイテムが非公開になったら」をクリックします。

(2)「連携アカウントとアクションを選択」画面から、Webflowと連携するアカウント情報に誤りがないかを確認し、トリガーアクションは「コレクションのアイテムが非公開になったら」のままで「次へ」をクリックします。

(3)サイトIDは候補から選択し、「WebhookURLを登録」をクリックします。

WebhookURLの登録に成功しました！
「次へ」をクリックしましょう。

(4)次の設定の前に、テスト用のデータをWebflowに作成しましょう！
今回のフローでは、コレクションアイテムが非公開になることがトリガーとなるため、一度公開してから非公開に設定します。

(5)完了したらYoomに戻り「テスト」をクリックします。

テストに成功しました！

「取得した値」にWebflowの情報が反映されればテスト成功です。

「取得した値ってなんだろう？」と思った方は下のサイトをご参照ください。

取得した値について

「完了」をクリックし、次の工程に進みましょう！

ステップ4：Google Chatにメッセージを送信する

「メッセージを送信」をクリックしましょう。

(2)「連携アカウントとアクションを選択」画面から、Google Chatと連携するアカウント情報に誤りがないかを確認し、アクションは「メッセージを送信」のままで「次へ」をクリックします。

(3)スペースのリソース名は候補から選択します。

下へ進み、Google Chatに通知されるメッセージ内容を入力します。
先ほど取得した値を使うことで、都度変更することなくWebflowの情報を引用することができます！
入力が終わったら「テスト」をクリックします。

テストに成功すると、Google ChatにWebflowの情報が通知されていました！

Yoomに戻り、「完了」をクリックします。

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

トリガーをONにするとフローが起動します！

実際にフローボットを起動して、Webflowのコレクションのアイテムが非公開になったらGoogle Chatに通知されているかを確認してみてくださいね！

WebflowのAPIを使ったその他の自動化例

WebflowのAPIを活用することで、様々な自動化の実現が可能になります。

Webflowを使った自動化例

Webflowを他のビジネスツールと連携させることで、サイト運営や顧客対応を大幅に効率化できます。例えば、Webflowでフォームが送信された際、SlackやDiscordへの通知に加え、HubSpotやSalesforceへのコンタクト作成、Zoomでのミーティング作成を自動で行うことが可能です。また、Webflowで注文が発生した際にGoogle スプレッドシートやMicrosoft Excelへ情報を自動追加したり、Mailchimpのオーディエンスにコンタクトを追加するなど、マーケティングや販売管理の自動化も実現します。さらに、メールの要約内容やWordPressの投稿内容をWebflowのアイテムとして自動追加するなど、多様なアプリと連携したコンテンツ管理をノーコードで構築し、運用工数を削減できます。

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

試してみる

---

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

詳細を見る 試してみる

Webflowで注文が発生したらMicrosoft Excelに追加する

試してみる

---

Webflowで注文が発生したらMicrosoft Excelに追加するフローです。

詳細を見る 試してみる

Webflowで注文が発生したらGoogleスプレッドシートに追加する

試してみる

---

Webflowで注文が発生したらGoogleスプレッドシートに追加するフローです。

詳細を見る 試してみる

Wordpressで投稿が公開されたら、Webflowにアイテムを追加する

試してみる

---

■概要
WordPressとWebflowの両方でサイトを運営していると、コンテンツの二重投稿や管理に手間を感じることはありませんか。
特に、WordPressで公開した記事を手作業でWebflowに転記している場合、時間もかかりミスも発生しがちです。
このワークフローを活用すれば、WordPressでの投稿公開をきっかけに、Webflowのコレクションへアイテムが自動で追加されるため、こうしたコンテンツ管理の課題を解消し、運用を効率化できます。

■このテンプレートをおすすめする方
・WordPressとWebflowを併用し、コンテンツの二重入力に手間を感じているWeb担当者の方
・WordPressのブログ記事をWebflowサイトに自動で同期し、コンテンツの更新作業を効率化したい方
・ノーコードでWordPressとWebflowを連携させ、サイト運用の自動化を実現したい方

■注意事項
・WordPress、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。

詳細を見る 試してみる

Webflowでフォームが送信されたら、Discordで通知する

試してみる

---

■概要
Webflowで作成したWebサイトのフォームから問い合わせがあった際、気づくのが遅れて対応が後手になってしまうことはありませんか？
手動での確認作業は手間がかかる上に、機会損失にも繋がりかねません。

このワークフローを活用すれば、Webflowのフォーム送信をトリガーに、指定のDiscordチャンネルへ即時通知を自動で送信できます。Webflowを活用した業務のオートメーションに関心のある方にとって、迅速な顧客対応を実現する第一歩となるでしょう。

■このテンプレートをおすすめする方
・Webflowで獲得したリードへの対応速度を上げたいマーケティングや営業担当者の方
・社内のコミュニケーションツールとしてDiscordを利用しており、情報集約を効率化したい方
・WebflowとDiscordの連携を検討しており、ノーコードで手軽に通知の仕組みを構築したい方

■注意事項
・Webflow、DiscordのそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443

詳細を見る 試してみる

Webflowでフォームが送信されたら、HubSpotでコンタクトを作成する

試してみる

---

■概要
Webflowのフォームから問い合わせや資料請求があった際、その情報をHubSpotに手作業で登録していませんか？この定型業務は入力漏れや対応の遅延に繋がるだけでなく、本来注力すべきコア業務を圧迫する一因にもなります。このワークフローを活用すればWebflowでフォームが送信されたら自動でHubSpotにコンタクトを作成することが可能になり、手作業によるデータ転記の手間を解消できます。

■このテンプレートをおすすめする方
・Webflowのフォーム情報をHubSpotへ手入力しており、作業を効率化したい方
・フォームからのリード情報を迅速にHubSpotへ反映させたいマーケティング担当者の方
・データの転記ミスを防ぎ、顧客情報管理の精度を高めたいと考えている方

■注意事項
・Webflow、HubSpotのそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443

詳細を見る 試してみる

Webflowでフォームが送信されたら、Mailchimpでコンタクトをオーディエンスに追加する

試してみる

---

■概要
Webflowで作成したフォームから獲得したリード情報を、手作業でMailchimpに登録していませんか？この作業は手間がかかるだけでなく、転記ミスなどのヒューマンエラーが発生する可能性もあります。このワークフローを活用すれば、Webflowのフォーム送信をトリガーにして、Mailchimpへ自動でコンタクトを追加できます。Webflowと連携したEmailマーケティングのプロセスを効率化し、顧客へのアプローチを迅速に開始することが可能です。

■このテンプレートをおすすめする方
・Webflowのフォームで獲得したリードを手作業でMailchimpに登録している方
・Webflowと連携したEmailマーケティングの初動を自動化し、効率化したいと考えている方
・リード獲得から顧客へのアプローチまでの時間を短縮したいマーケティング担当者の方

■注意事項
・Webflow、MailchimpのそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443

詳細を見る 試してみる

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

試してみる

---

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

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

■注意事項
・Webflow、SlackのそれぞれとYoomを連携してください。
・Webflowのフォーム回答アウトプットはJSONPathから取得可能です。取得方法は「『取得する値』を追加する方法」をご参照ください。
　https://intercom.help/yoom/ja/articles/9103858

詳細を見る 試してみる

Webflowでフォームが送信されたら、Zoomでミーティングを作成する

試してみる

---

■概要
Webflowで作成したフォームから問い合わせやデモの予約が入るたびに、手動でZoomミーティングを作成していませんか？
この作業は時間がかかるだけでなく、URLの送り忘れや日時の設定ミスといったヒューマンエラーの原因にもなり得ます。

このワークフローを活用することで、Webflowのフォームが送信されたタイミングをトリガーに自動でZoomミーティングを作成しスムーズな顧客対応をサポートします。

■このテンプレートをおすすめする方
・Webflowのフォームを活用した問い合わせ対応を自動化し、業務を効率化したい方
・手動によるZoomミーティングの設定に手間を感じており、ミスを減らしたいと考えている方
・webflow automationを導入し、リードへの迅速なアプローチを実現したいマーケティング・営業担当の方

■注意事項
・Webflow、Zoom(OAtuth)のそれぞれとYoomを連携してください。
・Webflowの内容を取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443

詳細を見る 試してみる

メールが届いたらテキストを抽出し、OpenAIで内容を要約してWebflowにアイテムを追加する

試してみる

---

■概要
Webサイトのコンテンツ更新などで、メールで受け取った情報をWebflowに登録する作業は、定期的でありながら手間がかかる業務ではないでしょうか。特にOpenAIを活用して内容を要約する場合でも、手作業での転記はミスの原因にもなり得ます。このワークフローは、メール受信を起点にテキストを自動抽出し、OpenAIによる要約を経てWebflowへアイテムを自動で追加するため、このような手作業をなくし、コンテンツ制作の効率を高めます。

■このテンプレートをおすすめする方
・WebflowとOpenAIを連携させて、コンテンツ投稿の自動化に関心があるWeb担当者の方
・メールで受け取ったプレスリリースや記事ネタなどを、手作業でWebflowに転記している方
・生成AIを活用してWebサイトの運用を効率化したいと考えているマーケティング担当者の方

■注意事項
・OpenAI、WebflowのそれぞれとYoomを連携してください。
・ChatGPT（OpenAI）のアクションを実行するには、OpenAIのAPI有料プランの契約が必要です。（APIが使用されたときに支払いができる状態）
https://openai.com/ja-JP/api/pricing/
・ChatGPTのAPI利用はOpenAI社が有料で提供しており、API疎通時のトークンにより従量課金される仕組みとなっています。そのため、API使用時にお支払いが行える状況でない場合エラーが発生しますのでご注意ください。

詳細を見る 試してみる

まとめ

Webflowのアイテム非公開通知を自動化することで、これまで手作業で行っていたステータス確認の手間を削減し、重要なコンテンツの変更を見逃すリスクを防ぐことができます。
これにより、サイト管理者はスピーディーに状況を把握でき、チーム内での迅速な情報共有とスムーズな連携が実現するため、より効率的でミスのないサイト運営が可能になります！

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

30秒で簡単登録！無料で始める

よくあるご質問

Q：非公開以外のステータス変更も検知できますか？

A：

可能です。
下の画像のように「変更」をクリックすることで、Webflowのアクションを変更することができます。