・
「Slackで受けたWebサイトの更新指示を、Webflowに手動で反映するのが面倒…」
「Webflowのコンテンツ管理をSlack起点で行いたいけど、コピー＆ペーストが多くてミスが起きやすい…」
このように、日々の業務でSlackとWebflowを利用する中で、二つのツール間の情報連携に手間や課題を感じていませんか？
もし、SlackでのメッセージをきっかけにWebflowのアイテムを自動で追加・削除する仕組みがあれば、こうした定型業務から解放されますよね。
そして、Webサイトの更新作業を効率化し、より創造的な業務に時間を使えるようになるはずです！
今回ご紹介する自動化は、プログラミングの知識がなくても簡単に設定できます。
これまで自動化を試したことがない方でもスムーズに導入できるため、日々の反復作業をもっと楽にしましょう！
とにかく早く試したい方へ
YoomにはSlackとWebflowを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
■概要 Webflowで構築したサイトのコンテンツ管理をSlackで行っているものの、アイテムの削除依頼があるたびに手動で対応するのは手間がかかる作業です。また、手作業による操作は、誤ったアイテムを削除してしまうといったリスクも伴います。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このワークフローは、SlackとWebflowを連携させることで、こうした課題を解決します。Slackの特定チャンネルへのメッセージ投稿をトリガーとして、AIが内容を解析し、対象となるWebflowのアイテムを自動で削除するため、サイト運用の効率化と安全性の向上に繋がります。
SlackとWebflowを連携してできること
SlackとWebflowのAPIを連携させることで、Slackでのコミュニケーションをトリガーに、Webflow上のアイテムを自動で操作することが可能になります。
これにより、手作業によるWebサイトの更新作業や、それに伴う転記ミスなどを削減し、コンテンツ管理の効率化に繋がります。
ここでは、具体的な自動化のユースケースを複数ご紹介しますので、気になる内容があれば、ぜひクリックしてみてください！
Slackで特定のメッセージが送信されたら、テキストからデータを抽出しWebflowでアイテムを削除する
SlackでWebflowのアイテム削除依頼を受けた際に、都度Webflowにログインして対象アイテムを探し、手動で削除する作業は手間がかかり、誤ったアイテムを削除してしまうリスクも伴いますよね。
この自動化フローを利用すれば、Slackの特定チャンネルに「削除依頼：アイテムID XXX」のようなメッセージを送信するだけで、対象のWebflowアイテムを自動的に削除できるため、作業時間を短縮し、ヒューマンエラーを防止できます。
この連携は、メッセージから必要な情報を抽出して処理を実行するAIを用いているため、業務にあわせた柔軟な設定が可能です。
■概要 Webflowで構築したサイトのコンテンツ管理をSlackで行っているものの、アイテムの削除依頼があるたびに手動で対応するのは手間がかかる作業です。また、手作業による操作は、誤ったアイテムを削除してしまうといったリスクも伴います。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このワークフローは、SlackとWebflowを連携させることで、こうした課題を解決します。Slackの特定チャンネルへのメッセージ投稿をトリガーとして、AIが内容を解析し、対象となるWebflowのアイテムを自動で削除するため、サイト運用の効率化と安全性の向上に繋がります。
Slackで特定のメッセージが送信されたら、テキストからデータを抽出しWebflowでアイテムを追加する
Slackで共有されたブログ記事の草稿や新製品情報などを、Webflowに手動で登録する作業は、単純なコピー＆ペーストの繰り返しでありながら、時間がかかり、入力ミスも発生しがちではないでしょうか。
この連携を活用すれば、Slackに特定のフォーマットでコンテンツ情報を投稿するだけで、Webflowに新しいアイテムが自動で作成されるため、コンテンツ公開までのリードタイムの短縮に繋がります。
この自動化も、Slackのメッセージからタイトルや本文などの情報を自動で抽出できるため、Webflowの各フィールドにあわせて情報を反映させることが可能です。
■概要 Webflowで構築したサイトのコンテンツ更新で、Slackで受け取った情報を手動でアイテムとして追加する作業に手間を感じていませんか？こうした手作業は、更新漏れや入力ミスといったヒューマンエラーの原因にもなり得ます。このワークフローを活用すれば、Slackへの特定のメッセージ投稿をきっかけに、AIが自動で内容を解析し、Webflowへアイテムとして追加します。WebflowとSlackの連携を効率化し、コンテンツ更新をスムーズにすることが可能です。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
SlackとWebflowの連携フローを作ってみよう
それでは、さっそく実際にSlackとWebflowを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでSlackとWebflowの連携を進めていきます。
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
フローの作成方法
今回は「Slackで特定のメッセージが送信されたら、テキストからデータを抽出しWebflowでアイテムを削除する」フローを作成していきます！
作成の流れは大きく分けて以下です。
■概要 Webflowで構築したサイトのコンテンツ管理をSlackで行っているものの、アイテムの削除依頼があるたびに手動で対応するのは手間がかかる作業です。また、手作業による操作は、誤ったアイテムを削除してしまうといったリスクも伴います。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このワークフローは、SlackとWebflowを連携させることで、こうした課題を解決します。Slackの特定チャンネルへのメッセージ投稿をトリガーとして、AIが内容を解析し、対象となるWebflowのアイテムを自動で削除するため、サイト運用の効率化と安全性の向上に繋がります。
ステップ1：SlackとWebflowをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
上記のナビを参考にSlackを登録したら、今回のフローで使用するWebflowもマイアプリ登録します。
「アプリ名で検索」でWebflowを探すか、アプリ一覧から探してください。
以下の画面が表示されるので、注記を参考に各項目を入力したら「追加」をクリックしましょう。
入力後、マイアプリにWebflowが表示されていれば連携の完了です。
ステップ2：テンプレートをコピーする
続いてYoomのテンプレートをコピーします。
以下バナーの「試してみる」のアイコンをクリックします。
■概要 Webflowで構築したサイトのコンテンツ管理をSlackで行っているものの、アイテムの削除依頼があるたびに手動で対応するのは手間がかかる作業です。また、手作業による操作は、誤ったアイテムを削除してしまうといったリスクも伴います。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このワークフローは、SlackとWebflowを連携させることで、こうした課題を解決します。Slackの特定チャンネルへのメッセージ投稿をトリガーとして、AIが内容を解析し、対象となるWebflowのアイテムを自動で削除するため、サイト運用の効率化と安全性の向上に繋がります。
以下の画面が表示されたらテンプレートのコピーは完了です。
ステップ3：トリガーとなるSlackの設定
Slackにメッセージが送信されたことを自動化のトリガーにするための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するSlackのアカウントを確認し「次へ」をクリックします。
アプリトリガーのAPI接続設定が表示されるので、設定を進めていきましょう。
トリガーの起動間隔は5分・10分・15分・30分・60分から選択できます。
※ご利用プランによって、設定できるトリガーの最短間隔が違うので、その点は要チェックです。
※なお、基本的にはそのプランの最短の起動間隔にしてお使いいただくことをおすすめします。
チャンネルIDは以下のように表示される候補から選択しましょう。
※チャンネルIDには、Yoomのアプリが追加されている必要があります。（チャンネルにYoomのアプリを追加する方法）
実際にメッセージを送信してから「テスト」をクリックし、Slackの情報が取得できているか確認しましょう。
この後、この取得した値の内容を入力に使用することができます。
※取得した値に関して、詳しくはこちらをご確認ください。
テスト成功後「保存する」をクリックしましょう。
ステップ4：コマンドオペレーション
Slackに送信されたメッセージに特定のキーワードが入っているときに次のフローへ進むよう設定を行います。
以下の赤枠をクリックしましょう。
※「分岐する」オペレーションは、ミニプラン以上でご利用いただけます。フリープランで利用するとエラーになってしまうのでご注意ください。
※ミニプランなどの有料プランは2週間の無料トライアルが可能です。無料トライアル中なら、普段制限されているアプリや機能も自由にお試しいただけますので、ぜひ活用してみてください。
以下の画面の赤枠の箇所にキーワードを設定します。
今回は「削除依頼」を含む場合に次のフローへ進むよう設定しました。
設定ができたら「保存する」をクリックしましょう。
ステップ5：テキストからデータを抽出する
投稿されたメッセージから、削除対象のアイテム情報を抽出するための設定を行います。
以下の赤枠をクリックしましょう。
以下のようにアクションを選択する画面が表示されます。
「変更する」をクリックすると抽出に使用するAIを変更できます。
必要に応じて変更を行ってください。
※()内のタスクを消費します。（タスクとは）
対象のテキストには以下のように、Slackから取得した値より「メッセージ本文」を選択しましょう。
抽出したい項目には、コレクションID、アイテムIDを入力してください。（Webflowでアイテムを削除する設定で必要になるためです。もし削除対象になるアイテムがすべて同一のコレクション内の場合は、コレクションIDの抽出は不要です。）
必要に応じてAIに指示を出すこともできます。
「テスト」をクリックし、実際に抽出できているか確認しましょう。
今回は架空の内容でテストを実施しています。
確認後「保存する」をクリックします。
ステップ6：Webflowでアイテムを削除する
最後にWebflowでアイテムを削除するための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するWebflowのアカウントを確認し「次へ」をクリックします。
サイトIDは以下のように表示される候補からクリックしましょう。
コレクションID、アイテムIDは以下のように取得した値から選択しましょう。
（コレクションIDを「候補」から選択すると、フローボットが起動するたびに毎回同じコレクションが検知対象になるため、ステップ5でコレクションIDの抽出が不要になります）
CMSロケールIDは任意項目です。
入力後「テスト」をクリックし、実際にWebflowでアイテムが削除されているか確認しましょう。
確認ができたら「保存する」をクリックします。
ステップ7：トリガーをONに設定しフロー稼働の準備完了
以下の画面の赤枠部分「トリガーをON」をクリックすることで、フローボットが自動で起動します。
設定お疲れ様でした！
WebflowのデータをSlackに連携したい場合
今回はSlackからWebflowへデータを連携する方法をご紹介しましたが、逆にWebflowでのイベントをトリガーとしてSlackに通知するようなデータ連携を実施したい場合は、下記のテンプレートも併せてご利用ください。
Webflowでアイテムが作成されたら、Slackに通知する
この連携を設定しておくことで、Webflowでアイテムが作成されるとSlackの指定チャンネルに関連情報が自動通知されるため、スムーズな社内共有が可能になり、共有漏れを防ぎます。
この連携は、Webflowで発生したイベントの情報を直接Slackに通知するシンプルな連携パターンのため、設定も簡単です。
■概要 Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
このような反復作業に時間を取られていませんか？
このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。
Webflowでアイテムが削除されたら、Slackに通知する
Webflowで管理しているブログ記事や商品情報などの重要なアイテムが、意図せず削除されてしまった場合、気づくのが遅れるとビジネスに大きな影響を及ぼす可能性がありますよね。
この自動化を設定すれば、Webflow上でアイテムが削除された際にすぐにSlackに通知が届くため、万が一の誤操作や意図しない変更を自動で検知でき、スムーズな対応を取ることができます。
■概要 Webflowで構築したサイトのコンテンツをチームで管理していると、誰がいつどのアイテムを削除したのか把握しきれず、意図しない変更に気づくのが遅れてしまうことはないでしょうか。このワークフローは、そうしたWebサイト運営における情報共有の課題を解決します。Webflowでコレクションのアイテムが削除された際に、その内容を自動でSlackに通知するため、コンテンツの変更履歴をスピーディーに追跡し、サイト管理の透明性を高めることが可能です。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項
SlackやWebflowを使ったその他の自動化例
SlackやWebflowのAPIを使用することで、さまざまな業務を自動化することができます。
ここでは、複数のテンプレートをご紹介するので、気になるものがあればぜひ試してみてくださいね！
Slackを使った便利な自動化例
クラウドストレージアプリと連携することで、Slackの投稿内容をもとにフォルダを自動で作成することができます。
これにより、フォルダ名の入力ミスやフォルダの作成漏れといったミスを防げるため、業務精度の向上を図りたいときにおすすめです。
■概要 Attioに新しい顧客情報などのレコードが追加されるたびに、手動でSlackに通知するのは手間がかかり、共有漏れの原因にもなりがちです。このワークフローは、そうした定型的な共有作業を自動化します。Attioにレコードが登録されたことをトリガーに、指定したSlackチャンネルへ即座に通知できるため、チーム内の情報共有を円滑にし、対応の迅速化に貢献します。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Slackで共有された重要な情報を、後から参照するためにNotionへ手作業で転記していませんか。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Slackでのプロジェクト開始連絡やファイル共有依頼のたびに、手動でBoxにフォルダを作成する作業は、手間がかかる上に抜け漏れの原因にもなりがちです。また、都度命名規則を確認しながらの作業は、地味ながらも負担の大きい業務ではないでしょうか。このワークフローを活用すれば、Slackの特定の投稿をきっかけとしてBoxに自動でフォルダが作成されるため、こうした定型業務を効率化し、本来注力すべきコア業務に集中できます。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション ■このワークフローのカスタムポイント ■注意事項 ■概要 Slackで共有されたユーザー情報を、都度Google Workspaceに手動で反映させていませんか？この作業は繰り返し発生するため手間がかかる上に、転記ミスなどのヒューマンエラーも起こりやすい業務です。このワークフローを活用すれば、Slackへの投稿だけでGoogle Workspaceのユーザー情報が自動で更新されるため、こうした課題を円滑に解消できます。 ■このテンプレートをおすすめする方 ■このテンプレートを使うメリット ■フローボットの流れ ■このワークフローのカスタムポイント
この作業は手間がかかる上に、コピー＆ペーストのミスや転記漏れが発生する原因にもなりかねません。
このワークフローを活用すれば、Slackの特定チャンネルにメッセージが投稿されると、その内容が自動でNotionのデータベースに追加されます。
面倒な手作業から解放され、情報の集約と管理を効率化できるはずです。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
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とWebflowの連携を自動化することで、これまでSlackでの指示を受けてから手作業で行っていたWebflowのアイテム登録や削除といった一連の作業をなくし、ヒューマンエラーを防ぐことができます。
これにより、Webサイトのコンテンツ管理におけるスピードと正確性の向上に繋がるため、担当者は更新作業のような定型業務から解放され、より戦略的なマーケティング施策やコンテンツ企画といったコア業務に集中できる環境が整うはずです！
今回ご紹介したような業務自動化は、ノーコードツール「Yoom」を使えば、プログラミングの知識がない方でも、直感的な操作で簡単に業務フローを構築できます。もし自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomによる業務効率化を体験してみてください！
よくあるご質問
Q：削除完了をSlackに通知できますか？
A：はい、可能です。
テンプレートがコピーされた一覧画面で、Webflowのアイテム削除の設定下部にある「＋」をクリックすることで、次のアクションを追加できます。
アクションを追加すると検索窓が表示されるので、Slackと入力してアイコンを選択後、「チャンネルにメッセージを送る」アクションを設定してください。
Q：AIは複雑な文章からもIDを抽出できますか？
A：はい、抽出箇所が明確になっている場合は、抽出可能です。
ただし、「ID：〇〇〇〇...」など、アイテムIDなのかサイトIDかの明記がない場合、誤った情報を抽出してしまう可能性があるのでご注意ください。
「アイテムID」「サイトID」はしっかりと明記することをお勧めします。
Q：連携が一時的に失敗した場合、再実行されますか？
A：再試行はされませんが、連携が失敗した場合は、Yoomに登録されているメールアドレスに、エラー原因が記載された通知が送信されます。
エラーの対応方法について、詳しくはこちらをご覧ください。
