・
「Webflowで新しいブログ記事の公開や記事の削除があったら、すぐにチームのSlackチャンネルに通知したい！」
「Webflowの更新にあわせて、担当部署に素早く情報を共有したいけど、手作業でのコピペは面倒だし、漏れも心配…」
このように、WebflowとSlackを日々活用する中で、二つのツール間の情報連携を手作業で行うことに手間や限界を感じていませんか？
もし、Webflowでの特定のアクションをきっかけに、関連情報を自動でSlackに通知する仕組みがあれば、どうでしょうか。
情報共有の遅れや伝達ミスといった課題から解放され、チーム全体のコミュニケーションを円滑にし、より重要な業務に集中できる貴重な時間を生み出すことができます！
今回ご紹介する自動化は、プログラミングの知識がなくても簡単に設定でき、日々の反復作業にかかる時間を削減できます。
ぜひこの機会に導入して、あなたの業務をもっと楽にしましょう！
とにかく早く試したい方へ
YoomにはWebflowとSlackを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
■概要 Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このような反復作業に時間を取られていませんか？
このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。
WebflowとSlackを連携してできること
WebflowとSlackのAPIを連携させれば、これまで手動で行っていたWebflow上の更新情報の共有などを自動化できます。
サイトの更新やフォームの送信といったアクションをトリガーに、必要な情報を、指定したSlackのチャンネルやメンバーに通知することが可能になり、情報共有のスピードと正確性の向上に繋がるはずです。
ここでは、具体的な自動化の例を複数ご紹介します。
アカウント登録（30秒で完了）後、「試してみる」をクリックするだけで、すぐにでもWebflowとSlackの連携を体験できるので、気になる内容があれば、ぜひクリックしてみてください！
Webflowでアイテムが作成されたら、Slackに通知する
Webflowで新しいブログ記事や製品情報、お知らせなどのアイテムが作成された際に、その内容を自動でSlackに通知する連携です。
この連携により、コンテンツの公開をチームメンバーに自動共有できるため、手動での連絡漏れを防ぎ、スムーズなレビューやフィードバックが可能になります。
■概要 Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このような反復作業に時間を取られていませんか？
このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。
Webflowでアイテムが削除されたら、Slackに通知する
Webflow上のアイテムが削除されたタイミングで、その旨をSlackに自動で通知する連携です。
どのコンテンツがいつ削除されたのかをチームで把握しやすくなるため、古い情報に基づく誤った対応を防ぎ、サイトのコンテンツ管理における透明性を高めることに繋がります。
■概要 Webflowで構築したサイトのコンテンツをチームで管理していると、誰がいつどのアイテムを削除したのか把握しきれず、意図しない変更に気づくのが遅れてしまうことはないでしょうか。このワークフローは、そうしたWebサイト運営における情報共有の課題を解決します。Webflowでコレクションのアイテムが削除された際に、その内容を自動でSlackに通知するため、コンテンツの変更履歴をスピーディーに追跡し、サイト管理の透明性を高めることが可能です。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
WebflowとSlackの連携フローを作ってみよう
それでは、さっそく実際にWebflowとSlackを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでWebflowとSlackの連携を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
フローの作成方法
今回はWebflowでアイテムが作成されたら、Slackに通知するフローを作成していきます！
作成の流れは大きく分けて以下です。
■概要 Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このような反復作業に時間を取られていませんか？
このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。
ステップ1：WebflowとSlackをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
ナビを参考にSlackのマイアプリ登録が完了したら、今回のフローで使用するWebflowのマイアプリ登録をします。
Webflowのマイアプリ連携
Yoomの画面左側にある「マイアプリ」→「新規接続」をクリックしましょう。
「アプリ名で検索」でWebflowを探すか、アプリ一覧から探してください。
以下の画面が表示されるのでWebflowで確認して入力し、「追加」をクリックしましょう。
入力後、マイアプリにWebflowが表示されていれば連携の完了です。
ステップ2：テンプレートをコピーする
続いてYoomのテンプレートをコピーします。
以下バナーの「試してみる」のアイコンをクリックします。
■概要 Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このような反復作業に時間を取られていませんか？
このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。
以下の画面が表示されたらテンプレートのコピーは完了です。
ステップ3：トリガーとなるWebflowの設定
Webflowでアイテムが作成されたことを自動化のトリガーにするための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するWebflowのアカウントを確認し「次へ」をクリックします。
アプリトリガーのAPI接続設定画面が表示されるので、サイトIDを以下のように候補から選択しましょう。
「次へ」をクリックし、次の画面に進みます。
その後、テスト用にWebflowでアイテムを作成してください。
作成したらYoomに戻って「テスト」をクリックし、Webflowから情報を取得できるか確認しましょう。
以下の取得した値にWebflowの情報が表示されているか確認します。
この後、この取得した値の内容を入力に使用することができます。
※取得した値に関して、詳しくはこちらをご確認ください。
テスト成功後「保存する」をクリックしましょう。
※以下は、テスト前の状態です。テストが成功すると、各項目の横にWebflowの情報が表示されます。
ステップ4：Slackでメッセージを送信する
Webflowから取得した情報をSlackに送信するための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するSlackのアカウントを確認し「次へ」をクリックします。
投稿先のチャンネルIDは以下のように表示される候補から選択しましょう。
※送信先のチャンネルには、Yoomのアプリが追加されている必要があります。（チャンネルにYoomのアプリを追加する方法）
メッセージには以下のように取得した値からWebflowの情報を用いて入力を進めましょう。
固定文は、直接入力してくださいね。
実際にSlackにメッセージが送信されているか確認します。
確認ができたら「保存する」をクリックしましょう。
ステップ5：トリガーをONに設定しフロー稼働の準備完了
以下の画面の赤枠部分「トリガーをON」をクリックすることで、フローボットが自動で起動します。
設定お疲れ様でした！
SlackのデータをWebflowに連携したい場合
今回はWebflowからSlackへデータを連携する方法をご紹介しましたが、逆にSlackでのやり取りをきっかけにWebflowの情報を操作したい場合もあるかと思います。
Yoomでは、そうした逆方向のデータ連携も可能ですので、下記のテンプレートも併せてご利用ください。
Slackで特定のメッセージが送信されたら、テキストからデータを抽出しWebflowでアイテムを削除する
Slackの特定チャンネルで「アイテムID:〇〇を削除」といったメッセージを送信するだけで、YoomがテキストからIDを自動で抽出し、該当するWebflow上のアイテムを削除する連携です。
この仕組みにより、Webflowにわざわざログインすることなく、使い慣れたチャットツール上からコンテンツを管理できるようになります。
■概要 Webflowで構築したサイトのコンテンツ管理をSlackで行っているものの、アイテムの削除依頼があるたびに手動で対応するのは手間がかかる作業です。また、手作業による操作は、誤ったアイテムを削除してしまうといったリスクも伴います。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このワークフローは、SlackとWebflowを連携させることで、こうした課題を解決します。Slackの特定チャンネルへのメッセージ投稿をトリガーとして、AIが内容を解析し、対象となるWebflowのアイテムを自動で削除するため、サイト運用の効率化と安全性の向上に繋がります。
Slackで特定のメッセージが送信されたら、テキストからデータを抽出しWebflowでアイテムを追加する
Slackで送信したメッセージの内容をもとに、Webflowに新しいアイテムを自動で追加する連携です。
例えば、外出先からアイデアを思いついた際に、スマホのSlackアプリでメモを送るだけでWebflowに下書き記事を作成するといった運用が可能になり、コンテンツ制作の初動を速めることに繋がります。
■概要 Webflowで構築したサイトのコンテンツ更新で、Slackで受け取った情報を手動でアイテムとして追加する作業に手間を感じていませんか？こうした手作業は、更新漏れや入力ミスといったヒューマンエラーの原因にもなり得ます。このワークフローを活用すれば、Slackへの特定のメッセージ投稿をきっかけに、AIが自動で内容を解析し、Webflowへアイテムとして追加します。WebflowとSlackの連携を効率化し、コンテンツ更新をスムーズにすることが可能です。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
WebflowやSlackを使ったその他の自動化例
WebflowやSlackのAPIを使用することで、さまざまな業務を自動化することができます。
ここでは、複数のテンプレートをご紹介するので、気になるものがあればぜひ試してみてくださいね！
Webflowを使った便利な自動化例
フォームアプリなどと連携することで、送信された内容をもとにアイテムを登録する業務を自動化できます。
手作業で入力する業務を削減できるため、業務の効率化が課題のときは、以下のテンプレートを試してみてください！
■概要 Googleカレンダーに登録したイベントやタスクの情報を、手作業でWebflowのCMSアイテムとして登録する作業に手間を感じていませんか？ ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Jotformで集めたアンケートや申し込み情報を、一つひとつWebflowのCMSにコピー＆ペーストしていませんか？ ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Webflowでコレクションのアイテムが作成されたらMicrosoft Excelに追加するフローです。 ■このテンプレートをおすすめする方 1.Webflowを使用してWebサイトの構築や運営をしている方 ・Webflowのコレクションのデータを手動でMicrosoft Excelに追加している方 ・Microsoft ExcelでWebflowのコレクションを一元管理している方 2.Microsoft Excelを利用してデータ分析を行っている方 ・Webflowのコレクションのデータ入力を手動で行っている方 ・定期的に収集したデータの集計や分析を担当している方 ■このテンプレートを使うメリット Microsoft ExcelでWebflowのコレクションを一元管理している場合、手動による入力作業が手間だと感じているかもしれません。 このテンプレートは、Webflowでコレクションのアイテムが追加されるとMicrosoft Excelに自動で追加することができます。 Microsoft Excelに常に最新のデータが反映されるようになるため、データの集計や分析の業務をスムーズに進めることができます。 ■注意事項 ・Webflow、Microsoft ExcelのそれぞれとYoomを連携してください。 ・Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。 ■概要 Webflowで管理しているコレクションアイテムの情報を、他のデータベースに手動で転記する作業に手間を感じていませんか。特に、WebflowのAPIを活用した連携は専門知識が必要なため、自動化を諦めている方もいるかもしれません。このワークフローを活用すれば、Webflowのコレクションに新しいアイテムが作成されると、自動でデータベースアプリであるKnackにレコードが追加されます。これにより、手作業によるデータ入力の手間やミスをなくし、効率的なデータ管理を実現します。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Webflowで構築したサイトのフォームから届く長文のお問い合わせについて、内容を把握するために都度全文を確認する作業に手間を感じていませんか。このワークフローは、Webflowのフォームが送信されると、その内容をOpenAIが自動で要約し、指定のメールアドレスへ通知するものです。WebflowとOpenAIを連携させることで、問い合わせ内容の迅速な把握と、スピーディーな一次対応の実現を支援します。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
また、予定に基づいてコンテンツを作成する際、毎回内容を考えるのが負担になることもあるかもしれません。
このワークフローを活用すれば、Googleカレンダーに新しい予定が作成されると、その情報を基にAIがコンテンツを生成します。
さらに、Webflowのコレクションへ自動でアイテムを追加するため、コンテンツ公開までのプロセスを効率化できます。
こうした手作業は時間がかかるだけでなく、入力ミスなどのヒューマンエラーの原因にもなります。
このワークフローを利用すれば、Jotformのフォームが送信されると、その内容が自動でWebflowのコレクションに追加されるため、データ連携の工数を削減し、正確性を高めることができます。
また、Webflowでコレクションが追加される度に手動による入力作業を実施し続けるのは、非効率的で時間がかかります。
都度実施していた手動による入力作業が不要となるため、ヒューマンエラーの発生を防止し、業務を効率化することが可能です。
https://intercom.help/yoom/ja/articles/5404443
https://openai.com/ja-JP/api/pricing/
Slackを使った便利な自動化例
クラウドストレージアプリと連携することで、Slackの投稿内容をもとにフォルダを自動で作成することができます。
これにより、フォルダ名の入力ミスやフォルダの作成漏れといったミスを防げるため、業務精度の向上を図りたいときにおすすめです。
■概要 Attioに新しい顧客情報などのレコードが追加されるたびに、手動でSlackに通知するのは手間がかかり、共有漏れの原因にもなりがちです。このワークフローは、そうした定型的な共有作業を自動化します。Attioにレコードが登録されたことをトリガーに、指定したSlackチャンネルへ即座に通知できるため、チーム内の情報共有を円滑にし、対応の迅速化に貢献します。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Slackで共有された重要な情報を、後から参照するためにNotionへ手作業で転記していませんか。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Slackでのプロジェクト開始連絡やファイル共有依頼のたびに、手動でBoxにフォルダを作成する作業は、手間がかかる上に抜け漏れの原因にもなりがちです。また、都度命名規則を確認しながらの作業は、地味ながらも負担の大きい業務ではないでしょうか。このワークフローを活用すれば、Slackの特定の投稿をきっかけとしてBoxに自動でフォルダが作成されるため、こうした定型業務を効率化し、本来注力すべきコア業務に集中できます。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Slackで共有されたユーザー情報を、都度Google Workspaceに手動で反映させていませんか？この作業は繰り返し発生するため手間がかかる上に、転記ミスなどのヒューマンエラーも起こりやすい業務です。このワークフローを活用すれば、Slackへの投稿だけでGoogle Workspaceのユーザー情報が自動で更新されるため、こうした課題を円滑に解消できます。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ■このワークフローのカスタムポイント
この作業は手間がかかる上に、コピー＆ペーストのミスや転記漏れが発生する原因にもなりかねません。
このワークフローを活用すれば、Slackの特定チャンネルにメッセージが投稿されると、その内容が自動でNotionのデータベースに追加されます。
面倒な手作業から解放され、情報の集約と管理を効率化できるはずです。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
まとめ
WebflowとSlackの連携を自動化することで、Webサイトの更新情報の通知などを、手作業を介さずにチームに共有でき、確認漏れや対応の遅れといったヒューマンエラーを防ぐことができます。
これにより、情報共有のスピードと正確性の向上に繋がり、担当者は本来注力すべきサイト改善やコンテンツ制作といったコア業務に集中できる環境が整うはずです！
今回ご紹介したような業務自動化は、ノーコード連携ツール「Yoom」を使えば、プログラミングの知識がない方でも直感的な操作で簡単に業務フローを構築できます。
もし日々の業務の自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomが実現する業務効率化の世界を体験してみてください！
よくあるご質問
Q：Slack通知で特定のユーザーにメンションできますか？
A：はい、可能です。「@メンバーID」と記載することでメンションをつけることができます。その他のメンション方法は、こちらの記事をご覧ください。
Q：特定の条件を満たすアイテムだけ通知できますか？
A：はい、できます。
ミニプラン以上で利用できる「分岐」オペレーションを使うことで、特定の条件に合致するアイテムのみ通知することが可能です。
分岐について詳しくは、こちらをご確認ください。
Q：連携が一時的に失敗した場合、通知や再実行はされますか？
A：フローボットがエラーとなった場合、Yoomに登録されているメールアドレスに通知が送信されます。
通知から詳細な原因をご確認いただけます。
なお、再試行はされませんので、ご注意ください。
エラーの対応方法について、詳しくはこちらでご確認いただけます。
