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

2025-10-23

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

Kanade Nohara
Kanade Nohara

■概要

Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。

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

  • Webflowでサイトを運営しており、Discordの投稿を元にコンテンツを作成している方
  • Discordの情報を活用し、Webflowでメディアやナレッジベースを構築したいチーム
  • WebflowとDiscord間の手作業による転記作業をなくし、業務を効率化したい方

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

  • Discordへの投稿が自動でWebflowのコレクションにアイテムとして追加されるため、手作業でのコンテンツ登録にかかっていた時間を短縮することができます。
  • webflowとdiscord間の情報移管を手作業で行う必要がなくなり、転記ミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

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

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

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

  • テキスト抽出のオペレーションでは、Discordのメッセージ本文からどの情報を抽出するかを任意で設定してください。
  • Webflowにアイテムを追加する設定では、前のステップで抽出した値などを活用し、どのコレクションのどのフィールドに情報を追加するかを任意で設定してください。

■注意事項

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

「Discordの特定チャンネルに投稿された情報を、Webflowサイトのコンテンツとして反映させたい」
「Discordでの指示をもとに、Webflowのアイテムを手動で更新・追加しているけど、手間がかかるしミスも怖い…」

このように、日常的にDiscordとWebflowを利用する中で、二つのツール間の情報連携を手作業で行うことに限界を感じていませんか?

もし、Discordのメッセージ投稿をトリガーにして、Webflowのコレクションアイテムを自動で作成・更新できる仕組みがあれば、こうした日々の反復作業から解放され、情報のタイムラグや転記ミスといった課題を解決し、より創造的な業務に集中できる貴重な時間を確保できます。

今回ご紹介する自動化は、プログラミングの知識がなくても驚くほど簡単に設定できるため、ぜひこの記事を参考に、面倒な手作業をなくし、業務をもっとスマートに進めましょう!

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

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


■概要

Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。

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

  • Webflowでサイトを運営しており、Discordの投稿を元にコンテンツを作成している方
  • Discordの情報を活用し、Webflowでメディアやナレッジベースを構築したいチーム
  • WebflowとDiscord間の手作業による転記作業をなくし、業務を効率化したい方

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

  • Discordへの投稿が自動でWebflowのコレクションにアイテムとして追加されるため、手作業でのコンテンツ登録にかかっていた時間を短縮することができます。
  • webflowとdiscord間の情報移管を手作業で行う必要がなくなり、転記ミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

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

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

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

  • テキスト抽出のオペレーションでは、Discordのメッセージ本文からどの情報を抽出するかを任意で設定してください。
  • Webflowにアイテムを追加する設定では、前のステップで抽出した値などを活用し、どのコレクションのどのフィールドに情報を追加するかを任意で設定してください。

■注意事項

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

DiscordとWebflowを連携してできること

DiscordとWebflowのAPIを連携させれば、Discordでの特定の活動をきっかけに、Webflow上のデータを自動で操作することが可能になります。例えば、Discordチャンネルへの投稿内容をWebflowのCMSアイテムとして自動で追加したり、特定のメッセージに応じてアイテムを削除したりといった作業を自動化できます。これにより、手作業による情報更新の手間やミスをなくし、常に最新の情報をサイトに反映させることが可能です。気になる自動化例があれば、ぜひクリックしてみてください!

Discordにメッセージが投稿されたら、テキストを抽出してWebflowのコレクションにアイテムを追加する

Discordの特定のチャンネルに新しいメッセージが投稿されるたびに、そのテキスト情報を自動で抽出し、Webflowの指定したコレクションに新しいアイテムとして追加します。

この連携はAIや正規表現によるデータ抽出処理を活用することで、Discord上の議論や情報を手動でコピー&ペーストすることなく、直接Webサイトのコンテンツとして生成できるため、コンテンツ更新の即時性と正確性を向上させることが可能です。


■概要

Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。

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

  • Webflowでサイトを運営しており、Discordの投稿を元にコンテンツを作成している方
  • Discordの情報を活用し、Webflowでメディアやナレッジベースを構築したいチーム
  • WebflowとDiscord間の手作業による転記作業をなくし、業務を効率化したい方

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

  • Discordへの投稿が自動でWebflowのコレクションにアイテムとして追加されるため、手作業でのコンテンツ登録にかかっていた時間を短縮することができます。
  • webflowとdiscord間の情報移管を手作業で行う必要がなくなり、転記ミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

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

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

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

  • テキスト抽出のオペレーションでは、Discordのメッセージ本文からどの情報を抽出するかを任意で設定してください。
  • Webflowにアイテムを追加する設定では、前のステップで抽出した値などを活用し、どのコレクションのどのフィールドに情報を追加するかを任意で設定してください。

■注意事項

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

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

Discordの管理用チャンネルなどに削除依頼のメッセージが投稿された際、その内容から対象となるアイテムを特定し、Webflow上から自動で削除します。

この仕組みを導入することで、Webflowの管理画面にログインして手動でアイテムを探し、削除するという一連の手間を省略でき、コンテンツの整理や管理を迅速かつ効率的に行えます。


■概要

Webflowで構築したサイトのコンテンツ管理を、チームのコミュニケーションツールであるDiscordで行っている場合、削除依頼などを手動でWebflowに反映させる作業は手間がかかり、対応漏れの原因にもなりがちです。このワークフローは、特定のDiscordチャンネルへのメッセージ投稿をきっかけに、Webflow上のアイテムを自動で削除するものです。WebflowとDiscordの連携によって面倒な手作業をなくし、サイト管理を効率化します。

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

  • Webflowでサイトを運営し、Discordでコンテンツの削除依頼を受け付けている方
  • WebflowとDiscord間での手作業によるアイテム削除に、時間と手間を感じているチーム
  • Discordでの連絡を起点に、Webflowサイトの運用を自動化・効率化したいと考えている方

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

  • Discordへのメッセージ投稿でWebflowのアイテムが自動で削除されるため、これまで手作業に費やしていた時間を短縮することができます
  • 手作業によるアイテムの削除漏れや、誤った情報を削除してしまうといったヒューマンエラーのリスク軽減に繋がります

■フローボットの流れ

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

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

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

  • テキストを抽出するオペレーションでは、Discordのメッセージ本文のどの部分を、削除対象のアイテムを特定するために利用するかを任意で設定してください
  • Webflowでアイテムを削除するアクションでは、対象となるコレクションやアイテムを、前のステップで抽出したテキスト情報を活用して設定してください

■注意事項

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

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

それでは、さっそく実際にDiscordとWebflowを連携したフローを作成してみましょう!今回はYoomを使用して、ノーコードでDiscordとWebflowの連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

今回はDiscordにメッセージが投稿されたら、テキストを抽出してWebflowのコレクションにアイテムを追加するフローを作成していきます!

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

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

■概要

Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。

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

  • Webflowでサイトを運営しており、Discordの投稿を元にコンテンツを作成している方
  • Discordの情報を活用し、Webflowでメディアやナレッジベースを構築したいチーム
  • WebflowとDiscord間の手作業による転記作業をなくし、業務を効率化したい方

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

  • Discordへの投稿が自動でWebflowのコレクションにアイテムとして追加されるため、手作業でのコンテンツ登録にかかっていた時間を短縮することができます。
  • webflowとdiscord間の情報移管を手作業で行う必要がなくなり、転記ミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

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

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

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

  • テキスト抽出のオペレーションでは、Discordのメッセージ本文からどの情報を抽出するかを任意で設定してください。
  • Webflowにアイテムを追加する設定では、前のステップで抽出した値などを活用し、どのコレクションのどのフィールドに情報を追加するかを任意で設定してください。

■注意事項

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

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

はじめに、DiscordとWebflowをYoomに接続するためのマイアプリ登録を行いましょう。
事前にマイアプリ登録を済ませておくと、自動化フローの設定がスムーズに進められますよ!

1.Yoomページ画面左側のマイアプリをクリックし、「新規接続」を選択します。

2.右上の検索窓に「Discord」と入力し、検索結果からDiscordのアイコンを選択します。
表示された画面で、必須項目を入力し、「追加」をクリックしましょう。
※詳しい設定方法は、こちらをご参照ください。

3.続いてWebflowをマイアプリ登録します。
先ほどと同様に、連携可能なアプリ一覧からWebflowを検索します。
次の画面で、必須項目を入力し、「追加」をクリックしましょう。

マイアプリにDiscordとWebflowが表示されていれば、登録完了です。

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

ここから、実際にフローを作っていきましょう!

簡単に設定できるようテンプレートを利用します。以下のバナーの「試してみる」をクリックして、テンプレートをコピーしてください。


■概要

Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。

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

  • Webflowでサイトを運営しており、Discordの投稿を元にコンテンツを作成している方
  • Discordの情報を活用し、Webflowでメディアやナレッジベースを構築したいチーム
  • WebflowとDiscord間の手作業による転記作業をなくし、業務を効率化したい方

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

  • Discordへの投稿が自動でWebflowのコレクションにアイテムとして追加されるため、手作業でのコンテンツ登録にかかっていた時間を短縮することができます。
  • webflowとdiscord間の情報移管を手作業で行う必要がなくなり、転記ミスや重要な情報の登録漏れといったヒューマンエラーの防止に繋がります。

■フローボットの流れ

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

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

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

  • テキスト抽出のオペレーションでは、Discordのメッセージ本文からどの情報を抽出するかを任意で設定してください。
  • Webflowにアイテムを追加する設定では、前のステップで抽出した値などを活用し、どのコレクションのどのフィールドに情報を追加するかを任意で設定してください。

■注意事項

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

クリックすると、テンプレートがお使いのYoom画面に自動的にコピーされます。
「OK」をクリックして、設定を進めましょう!

※コピーしたテンプレートは、「マイプロジェクト」内の「フローボット」に、「【コピー】Discordにメッセージが投稿されたら、テキストを抽出してWebflowのコレクションにアイテムを追加する」という名前で格納されています。
「あれ?テンプレートどこいった?」となった際には、マイプロジェクトから確認してみてくださいね!

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

フローの作成を始める前に、あらかじめYoomと連携するDiscordに、メッセージを投稿しておきましょう!
※後続のDiscordのトリガー設定時のテストで必要になります。

今回は下図のようなメッセージを投稿してみました。
テスト用のため、内容は架空の情報(「株式会社test」や「テスト太郎」など)でOKです!

1.まずは、アプリトリガー設定です。
先ほどの画面で「OK」をクリックして、表示された画面のアプリトリガー「チャンネルでメッセージが送信されたら」をクリックしましょう。

2.連携アカウントとアカウント選択画面が表示されるので、設定内容を確認しましょう。
連携するアカウント情報には、ステップ1で連携したアカウント情報が反映されています。トリガーアクションはそのままにして、「次へ」をクリックしてください。

3.表示された画面で、詳細を設定します。
「トリガーの起動間隔」を選択してください。基本的には、最短の起動時間で設定することをおすすめします。
※トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。プランによって最短の起動間隔が異なりますので、ご注意ください。
※Yoomプランの詳しい説明は、こちらを参照してみてください。

4.「サーバーID」は、入力欄下の説明に従って、入力してください。
「チャンネルID」は、入力欄をクリックして表示される候補から選択してください。
候補は、連携しているアカウントに紐づいて表示されます。

5.入力を終えたら「テスト」をクリックし、「取得した値」にデータが抽出されていることを確認してください。
確認したら「保存する」をクリックしましょう。
取得した値は、後続の設定で活用できます!

※取得した値とは?
トリガーやオペレーション設定時に、「テスト」を実行して取得した値です。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。
※詳しくは、こちらをご参照ください。

ステップ4:テキストからデータを抽出する設定

1.続いて、OCR技術を使って、テキストからデータを抽出する設定を行います。
テキスト抽出」をクリックしましょう。

※OCRや音声を文字起こしするAIオペレーションは、チームプラン・サクセスプラン限定の機能です。フリープランやミニプランでセットするとエラーになってしまうので、ご注意ください。
チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルが可能です。トライアル期間中は、通常だと制限があるアプリやAIオペレーションもすべて使えるので、気になる機能をぜひお試しください。
※YoomのOCR機能では、アクション記載の規定の文字数を超えるデータや、文字が小さすぎる場合に正しく読み取れないことがあります。文字数や文字の大きさには少し余裕を持たせてご利用ください。

2.アクション選択設定は、テンプレートを使用しているためデフォルトで完了しています。設定内容を確認し、次へ進みましょう。


3.詳細設定を行います。

「対象のテキスト」は、入力欄をクリックして表示される取得した値から選択してください。
※抽出対象のテキストを指定しましょう。

「抽出したい項目」は、抽出したいテキストのデータ項目を設定します。
ここで抽出したデータを用いて、Webflowのコレクションにアイテムを追加するため、Webflowに追加したい項目を全て設定するようにしましょう。

複数の項目を設定する場合、カンマ(,)区切りで入力してくださいね!
今回はテンプレートを活用して、以下画像のように入力しています。

入力が完了したら「テスト」を実行し、正しくテキストからデータが抽出されていることを確認しましょう。確認後、「保存する」をクリックします。

ステップ5:Webflowの設定

1.アプリと連携する「コレクションにアイテムを追加」をクリックしましょう。

各項目を確認し、「次へ」をクリックします。

2.API接続設定を行います。
「サイトID」「コレクションID」は、入力欄をクリックして表示される候補から選択してください。
候補は、連携しているアカウントに紐づいて表示されます。

3.フィールド情報の各項目を設定していきます。
「フィールド」は、入力欄をクリックして表示される候補から選択してください。

「値」は、入力欄をクリックして表示される取得した値から選択してください。

フィールド情報の各項目は、以下画像のように設定しました。


設定完了後は「テスト」を行い、実際にWebflowにデータが追加されることを確認してください。

確認後、保存しましょう。

ステップ6:トリガーボタンをONにして、フローの動作確認をする

全ての設定が完了すると、下図のようなポップアップが表示されます。赤枠部分の「トリガーをON」をクリックすると、設定したフローボットが起動するので動作確認をしましょう!

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

今回はDiscordからWebflowへデータを連携する方法をご紹介しましたが、逆にWebflowでの更新をDiscordに通知したい場合は、下記のテンプレートも併せてご利用ください。サイトの更新情報をタイムリーにチームに共有することで、さらなる業務効率化が実現できます。

Webflowでアイテムが作成されたら、Discordに通知する

Webflowで新しいCMSアイテムが作成されたタイミングをトリガーとして、その情報をすぐにDiscordの指定チャンネルに通知します。

この直接連携により、Webサイトに新しいコンテンツが追加されたことを関係者に手動で知らせる手間が不要になり、チーム内での情報共有のスピードと確実性が向上します。


■概要

Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。

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

  • Webflowで管理するWebサイトの更新情報を、手作業でDiscordに通知している方
  • WebflowとDiscordを連携させ、チームへの情報共有を迅速かつ自動化したい方
  • 複数人でのサイト運営において、コンテンツ公開の通知漏れを防ぎたいチームリーダーの方

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

  • Webflowでアイテムが作成されると自動でDiscordに通知が送信されるため、これまで手動での共有作業に費やしていた時間を短縮できます。
  • 手作業による通知の遅延や共有漏れといったヒューマンエラーを防ぎ、チーム内での確実な情報共有を実現します。

■フローボットの流れ

  1. はじめに、WebflowとDiscordをYoomと連携します。
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
  3. 最後に、オペレーションでDiscordを選択し、「メッセージを送信」アクションを設定し、通知したいメッセージ内容を記述します。

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

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

  • Discordの「メッセージを送信」アクションで、通知を送信したいチャンネルを任意で設定してください。
  • メッセージの本文には、固定のテキストだけでなく、トリガーで取得したWebflowのアイテム名や公開URLといった情報を動的に含めることが可能です。

■注意事項

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

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

Webflow上でアイテムが「公開(Published)」されたことを検知し、その旨を自動的にDiscordへ通知します。

特に重要な「公開」というアクションをトリガーにすることで、コンテンツのローンチやプレスリリースの公開といった重要な更新情報を、関係者全員がタイムリーに把握できるようになり、迅速なレビューや次のアクションへの移行をサポートします。


■概要

Webflowで新しいコンテンツを公開するたびに、チームへの共有を手作業で行うのは手間がかかり、更新のたびに負担に感じてしまうことも少なくありません。このワークフローは、そうしたWebflowでのサイト更新とDiscordでのチーム共有に関する課題を解決します。Webflowのコレクションで新しいアイテムが公開されると、その情報が自動でDiscordの指定チャンネルに通知されるため、手作業による共有の手間や連絡漏れを防ぐことが可能です。

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

  • Webflowで管理するサイトの更新情報を、Discordでチームに共有している方
  • コンテンツ公開時の手動による通知作業をなくし、より迅速な情報連携を実現したい方
  • チーム内の情報共有プロセスを自動化し、コンテンツ制作の効率を高めたいと考えている方

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

  • Webflowでアイテムを公開するだけで自動でDiscordに通知が飛ぶため、これまで手作業での連絡に費やしていた時間を短縮できます
  • 手動での通知による、連絡のし忘れや内容の間違いといったヒューマンエラーを防ぎ、確実な情報共有を実現します

■フローボットの流れ

  1. はじめに、WebflowとDiscordをYoomと連携する
  2. 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定する
  3. 最後に、オペレーションでDiscordの「メッセージを送信」アクションを設定し、Webflowから取得した情報を含んだメッセージを送信する

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

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

  • Discordのオペレーション設定では、通知を送信したいチャンネルを任意で選択してください
  • 送信するメッセージの内容は自由にカスタマイズ可能です。Webflowのトリガーで取得したアイテム名やURLなどの情報を本文に含めることで、より分かりやすい通知を作成できます

■注意事項

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

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

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

Discordを使った自動化例

Slackにメッセージが投稿されたらDiscordに通知したり、Google AdsやGoogle スプレッドシートから取得したレポートを毎日Discordに通知したりできます。また、Zendeskでチケットが作成されたらDiscordに通知したり、自社出品カテゴリの商品ランキングを自動取得しDiscordに通知したりといった自動化も行えます。


■概要

Googleスプレッドシート上で日付が今日に該当するレコードを取得して毎日一括でDiscordに通知するフローです。

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

1.Googleスプレッドシートを使用して業務を進めている方

・社員の募集、面接、入社手続きを担当している人事部の方

・帳票業務のスケジュールをGoogleスプレッドシートで管理している経理部の方

2.主要なコミュニケーションツールとしてDiscordを使用している方

・承認や手続きの業務でDiscordを活用している方

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

Googleスプレッドシートは、チーム内で1つのシートを共同編集できるため、タスク管理に適したツールです。
しかし、Googleスプレッドシートの情報の手動通知は、ヒューマンエラーのリスクを高めます。

Googleスプレッドシートの情報共有に関する通知を自動化したいと考えている方に、このテンプレートは適しています。
当日期限のタスクを特定の時間に通知することができるため、タスクの対応漏れやメンバー間の認識のズレを防止し、業務をスムーズに進めることができます。

■注意事項

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

・Googleスプレッドシートのレコード取得は最大10件のため、10件以上取得する場合、「同じ処理を繰り返す」オペレーションが必要となります。 

 ※「同じ処理を繰り返す」オペレーションはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。

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


◼️概要

Slackに新しいメッセージが投稿されたら、Discordに通知を自動的に送信します。

通知の内容や送信先はカスタマイズ可能です。

◼️注意事項

・SlackとDiscordそれぞれでアカウントとの連携設定が必要です。

・Discordの通知先やメッセージ内容を任意の値に置き換えてご利用ください。


■概要

ECサイトなどに出品している自社商品のランキングを、毎日手作業で確認していませんか?こうした定点観測は重要である一方、手間がかかる上に確認漏れなどのミスも起こりがちです。このワークフローを活用すれば、スケジュールに合わせてRPAが自動でランキングサイトの情報を取得し、その結果をDiscordに通知できます。日々の情報収集にかかる手間を省き、迅速な状況把握を実現します。

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

  • ECサイトなどの商品ランキングを手作業で確認し、チームに共有している方
  • 日々の定点観測業務を自動化し、チームでの情報共有を円滑にしたい方
  • RPAを活用して、Webサイトからの定期的な情報収集を効率化したい方

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

  • 毎日決まった時間に自動でランキング情報を取得・通知するため、手作業での確認や報告にかかっていた時間を短縮することができます。
  • 人の手による確認作業がなくなるので、情報の取得漏れや転記ミスといったヒューマンエラーの発生防止に繋がります。

■フローボットの流れ

  1. はじめに、ブラウザ操作用アカウントとDiscordをYoomと連携します。
  2. 次に、トリガーで「スケジュールトリガー機能」を選択し、フローボットを起動したい日時や頻度を設定します。
  3. 次に、オペレーションで「RPA機能」の「ブラウザを操作する」アクションを設定し、対象のランキングページから必要な情報を取得します。
  4. 最後に、オペレーションで「Discord」の「メッセージを送信」アクションを設定し、取得したランキング情報を指定のチャンネルに通知します。

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

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

  • スケジュールトリガー機能では、フローを実行する頻度や曜日、時間などを自由にカスタマイズしてください。
  • RPA機能の設定では、情報を取得したいWebページのURLや、取得対象となるランキング情報(テキストやURLなど)の箇所を任意で指定してください。
  • Discordへの通知設定では、通知先のチャンネルを任意で設定できるほか、本文に取得したランキング情報を変数として埋め込んで送信することが可能です。

■注意事項

  • DiscordとYoomを連携してください。
  • ブラウザを操作するオペレーションはサクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプラン・チームプランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
  • サクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリやブラウザを操作するオペレーションを使用することができます。

■概要

Zendeskでチケットが作成されたらDiscordに通知するフローです。

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

1.Zendeskを利用するカスタマーサポートチーム

・Zendeskで発生したチケットをリアルタイムで把握して迅速な対応をしたい方

・チケットの優先度や担当者に応じてDiscordの通知先を柔軟に設定したい方

2.Zendeskのチケット状況を把握したいチームメンバー

・重要なチケットの発生をDiscordで通知を受け取り迅速に対応したい方

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

Zendeskで顧客サポートを効率的に行うためには、チケット作成時の迅速な対応が鍵となります。しかし、常にZendeskの画面を確認して新しいチケットを手動でDiscordに通知するのは、時間と労力の無駄遣いとなってしまいます。

このフローを導入すれば、Zendeskで新しいチケットが作成された瞬間に自動でDiscordに通知が届き、サポート担当者はチケットの存在をいち早く察知して迅速な対応が可能になります。また手作業による通知の手間が省けるため、より多くの時間を顧客対応に充てることができます。

■注意事項

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

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

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


■概要

毎日指定の時間に前日のGoogle Adsからレポート情報を取得して、自動的にDiscordに通知するフローです。

Google Adsの情報をDiscord上で管理したり、広告レポート作成を自動化する際にご利用ください。

起動タイミングは任意の時間を指定可能です。

Discordに通知する内容は自由に設定することができます。


■注意事項

・Google Ads、DiscordそれぞれとYoomのアカウント連携が必要です。

Webflowを使った自動化例

Webflowのフォームが送信されたらHubSpotにチケットを作成したり、Salesforceに追加したりできます。また、Webflowのフォームが送信されたり、注文が発生したりした際に、Google スプレッドシートにデータが追加されたり、Microsoft Excelに追加されたりといった自動化も可能です。


■概要

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

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

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

・自社のECサイト運営を担当している方

・WebflowとGoogleスプレッドシートの連携を効率化したい方

2.Google スプレッドシートを利用してデータ管理をしている方

・Google スプレッドシートで商品の在庫管理や受注管理を担当している方

・Webflowからの注文情報を手動でGoogle スプレッドシートに追加している方

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

Webflowからの注文情報をGoogle スプレッドシートで管理している場合、手動による追加作業は手間です。
また、Webflowからの注文発生後にスピーディーな対応が求められる場合、手動作業は非効率的で時間がかかります。

このテンプレートは、Webflowで注文が発生すると自動でGoogle スプレッドシートに追加することができるため、注文情報の追加作業を効率化することができます。
Google スプレッドシートへの注文情報の追加がスピーディーになることで、在庫管理や受注管理の業務をスムーズに進めることが可能です。

注文情報の入力ミスや転機漏れも低減するため、データの確認や分析業務が楽になります。

■注意事項

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


■概要

Webflowのフォームが送信されたらGoogleスプレッドシートに追加するフローです。

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

1.Webflowを活用してWebサイトを構築している方

・Webflowで自社サイトやサービスを運営している企業

・フォーム内容をGoogleスプレッドシートに自動で追加したい方

2.Googleスプレッドシートで情報管理をしている方

・GoogleスプレッドシートでWebflowのフォーム内容を管理している方

・顧客情報の管理でGoogleスプレッドシートを活用している方

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

Webflowのフォームは、問い合わせやリード情報の取得に役立ちますが、都度ダッシュボードから確認するのは手間です。
また、Googleスプレッドシートにフォーム内容を手動で追加している場合、時間がかかり非効率的です。

このテンプレートは、Webflowのフォーム内容を自動でGoogleスプレッドシートに追加することができるため、ダッシュボードからフォーム内容を確認する手間を減らすことができます。
データ入力も自動化することができるため、手作業に比べてデータの正確性が高まり、情報管理を効率化することができます。

また、Googleスプレッドシートへの情報の追加がスピーディーに行われるため、チーム内の情報共有をスムーズにすることが可能です。

■注意事項

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


■概要

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

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

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

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

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

2.営業部門

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

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

3.マーケティング部門

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

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

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

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

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

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

■注意事項

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


■概要

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

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

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

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

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

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

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

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

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

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

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

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

■注意事項

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

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

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


■概要

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

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

1.Webflowで自社の商品やサービスの販売をしている方

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

・注文情報の管理効率化でWebflowとMicrosoft Excelの連携を自動化したい方

2.受注業務でMicrosoft Excelを利用している方

・Webflowからの注文情報をMicrosoft Excelで一元管理している方

・Microsoft Excelへの情報入力を手動で行っている方

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

Microsoft ExcelでWebflowからの注文情報を一元管理している場合、手動によるデータ入力は時間がかかり非効率的です。
また、手動によるデータ入力はヒューマンエラーが発生や作業効率の低下を招く可能性があります。

Microsoft Excelへのデータ入力を自動化したい方に、このテンプレートは適しています。
Webflowで注文が発生するとMicrosoft Excelに自動で注文情報を追加することができるため、手動による作業を効率化することが可能です。

Microsoft Excelへのデータ入力が自動化されることで、作業時間の削減とヒューマンエラーの発生を低減することができます。

■注意事項

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

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

まとめ

DiscordとWebflowの連携を自動化することで、これまで手作業で行っていたDiscordの投稿内容をWebflowに転記したり、サイト更新をチームに共有したりといった定型業務から解放されます。

これにより、単純作業にかかっていた時間を削減できるだけでなく、転記ミスや共有漏れといったヒューマンエラーを防ぎ、担当者はより迅速かつ正確な情報に基づいて業務を進められるようになり、本来注力すべきコア業務に集中できる環境が整います!

今回ご紹介したような業務自動化は、ノーコードツールの「Yoom」を活用することで、プログラミングの知識がない方でも直感的な操作で簡単に構築できます。もし日々の業務の中で少しでも非効率を感じているなら、ぜひこちらから無料登録して、Yoomがもたらす業務効率化の世界を体験してみてください!

よくあるご質問

Q:連携がエラーで失敗した場合、どのように検知できますか?

A:フローボットでエラーが発生すると、Yoomに登録しているメールアドレス宛にエラー通知のメールが送信されます。このメールを転送することで、他のメンバーにもエラー通知を共有することができます。また、エラーの通知先として、SlackやChatWorkなどのチャットツールを設定することが可能です。

Q:この連携を安定運用する場合、推奨されるYoomの料金プランはどれですか?

A:Yoomには、フリープラン・ミニプラン・チームプラン・サクセスプランがございます。今回設定したフローボットでは、OCR機能を使用するため、有料プランの「チームプラン」「サクセスプラン」を推奨します。(フリープラン・ミニプランでOCR機能を使用するとエラーになってしまいます)有料プランは、2週間の無料トライアルが可能です。ぜひ、お試しください。

Q:テキスト抽出の精度はどの程度ですか?(特定のフォーマットや正規表現の利用は可能か)

A:Yoomでは、OCRで抽出したテキストに対して正規表現を用いた置換や成形を自動化できます。例えば、スキャンした名刺からメールアドレスや電話番号を抽出し、成形してGoogle スプレッドシートやSlackに転送するフローを構築可能です。また、OCRで抽出したデータを、指定したフォーマット(例:日付形式の統一、電話番号のハイフン追加など)に成形することができます。

Yoomを使えば、今回ご紹介したような連携を
プログラミング知識なしで手軽に構築できます。
無料でYoomを試す
この記事を書いた人
Kanade Nohara
Kanade Nohara
SE・プログラマー、新卒採用アシスタントやテーマパークアクターなど、多種多様な業務の経験があります。 その中でもSE・プログラマーでは、企業のシステムを構築し業務効率化に取り組んでいました。 Yoomを使い、業務の負担を軽減するための実践的なアプローチ方法を、丁寧にわかりやすく発信していきます。
タグ
Discord
連携
Webflow
自動
自動化
関連アプリ
アプリ連携
お役立ち資料
Yoomがわかる!資料3点セット
Yoomがわかる!資料3点セット
資料ダウンロード
3分でわかる!Yoomサービス紹介資料
3分でわかる!Yoomサービス紹介資料
資料ダウンロード
Before Afterでわかる!Yoom導入事例集
Before Afterでわかる!Yoom導入事例集
資料ダウンロード
お役立ち資料一覧を見る
詳しくみる