・
■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
「Discordの特定チャンネルに投稿された情報を、Webflowサイトのコンテンツとして反映させたい」
「Discordでの指示をもとに、Webflowのアイテムを手動で更新・追加しているけど、手間がかかるしミスも怖い…」
このように、日常的にDiscordとWebflowを利用する中で、二つのツール間の情報連携を手作業で行うことに限界を感じていませんか？
もし、Discordのメッセージ投稿をトリガーにして、Webflowのコレクションアイテムを自動で作成・更新できる仕組みがあれば、こうした日々の反復作業から解放され、情報のタイムラグや転記ミスといった課題を解決し、より創造的な業務に集中できる貴重な時間を確保できます。
今回ご紹介する自動化は、プログラミングの知識がなくても驚くほど簡単に設定できるため、ぜひこの記事を参考に、面倒な手作業をなくし、業務をもっとスマートに進めましょう！
YoomにはDiscordとWebflowを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
DiscordとWebflowのAPIを連携させれば、Discordでの特定の活動をきっかけに、Webflow上のデータを自動で操作することが可能になります。例えば、Discordチャンネルへの投稿内容をWebflowのCMSアイテムとして自動で追加したり、特定のメッセージに応じてアイテムを削除したりといった作業を自動化できます。これにより、手作業による情報更新の手間やミスをなくし、常に最新の情報をサイトに反映させることが可能です。気になる自動化例があれば、ぜひクリックしてみてください！
Discordの特定のチャンネルに新しいメッセージが投稿されるたびに、そのテキスト情報を自動で抽出し、Webflowの指定したコレクションに新しいアイテムとして追加します。
この連携はAIや正規表現によるデータ抽出処理を活用することで、Discord上の議論や情報を手動でコピー＆ペーストすることなく、直接Webサイトのコンテンツとして生成できるため、コンテンツ更新の即時性と正確性を向上させることが可能です。
■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Discordの管理用チャンネルなどに削除依頼のメッセージが投稿された際、その内容から対象となるアイテムを特定し、Webflow上から自動で削除します。
この仕組みを導入することで、Webflowの管理画面にログインして手動でアイテムを探し、削除するという一連の手間を省略でき、コンテンツの整理や管理を迅速かつ効率的に行えます。
■概要
Webflowで構築したサイトのコンテンツ管理を、チームのコミュニケーションツールであるDiscordで行っている場合、削除依頼などを手動でWebflowに反映させる作業は手間がかかり、対応漏れの原因にもなりがちです。このワークフローは、特定のDiscordチャンネルへのメッセージ投稿をきっかけに、Webflow上のアイテムを自動で削除するものです。WebflowとDiscordの連携によって面倒な手作業をなくし、サイト管理を効率化します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
それでは、さっそく実際にDiscordとWebflowを連携したフローを作成してみましょう！今回はYoomを使用して、ノーコードでDiscordとWebflowの連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
今回はDiscordにメッセージが投稿されたら、テキストを抽出してWebflowのコレクションにアイテムを追加するフローを作成していきます！
作成の流れは大きく分けて以下です。
■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
はじめに、DiscordとWebflowをYoomに接続するためのマイアプリ登録を行いましょう。
事前にマイアプリ登録を済ませておくと、自動化フローの設定がスムーズに進められますよ！
1.Yoomページ画面左側のマイアプリをクリックし、「新規接続」を選択します。
2.右上の検索窓に「Discord」と入力し、検索結果からDiscordのアイコンを選択します。
表示された画面で、必須項目を入力し、「追加」をクリックしましょう。
※詳しい設定方法は、こちらをご参照ください。
3.続いてWebflowをマイアプリ登録します。
先ほどと同様に、連携可能なアプリ一覧からWebflowを検索します。
次の画面で、必須項目を入力し、「追加」をクリックしましょう。
マイアプリにDiscordとWebflowが表示されていれば、登録完了です。
ここから、実際にフローを作っていきましょう！
簡単に設定できるようテンプレートを利用します。以下のバナーの「試してみる」をクリックして、テンプレートをコピーしてください。
■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
クリックすると、テンプレートがお使いのYoom画面に自動的にコピーされます。
「OK」をクリックして、設定を進めましょう！
※コピーしたテンプレートは、「マイプロジェクト」内の「フローボット」に、「【コピー】Discordにメッセージが投稿されたら、テキストを抽出してWebflowのコレクションにアイテムを追加する」という名前で格納されています。
「あれ？テンプレートどこいった？」となった際には、マイプロジェクトから確認してみてくださいね！
フローの作成を始める前に、あらかじめYoomと連携するDiscordに、メッセージを投稿しておきましょう！
※後続のDiscordのトリガー設定時のテストで必要になります。
今回は下図のようなメッセージを投稿してみました。
テスト用のため、内容は架空の情報（「株式会社test」や「テスト太郎」など）でOKです！
1.まずは、アプリトリガー設定です。
先ほどの画面で「OK」をクリックして、表示された画面のアプリトリガー「チャンネルでメッセージが送信されたら」をクリックしましょう。
2.連携アカウントとアカウント選択画面が表示されるので、設定内容を確認しましょう。
連携するアカウント情報には、ステップ1で連携したアカウント情報が反映されています。トリガーアクションはそのままにして、「次へ」をクリックしてください。
3.表示された画面で、詳細を設定します。
「トリガーの起動間隔」を選択してください。基本的には、最短の起動時間で設定することをおすすめします。
※トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。プランによって最短の起動間隔が異なりますので、ご注意ください。
※Yoomプランの詳しい説明は、こちらを参照してみてください。
4.「サーバーID」は、入力欄下の説明に従って、入力してください。
「チャンネルID」は、入力欄をクリックして表示される候補から選択してください。
候補は、連携しているアカウントに紐づいて表示されます。
5.入力を終えたら「テスト」をクリックし、「取得した値」にデータが抽出されていることを確認してください。
確認したら「保存する」をクリックしましょう。
取得した値は、後続の設定で活用できます！
※取得した値とは？
トリガーやオペレーション設定時に、「テスト」を実行して取得した値です。
取得した値は、後続のオペレーション設定時の値としてご利用いただくことができ、フローボットを起動する度に、変動した値となります。
※詳しくは、こちらをご参照ください。
1.続いて、OCR技術を使って、テキストからデータを抽出する設定を行います。
「テキスト抽出」をクリックしましょう。
※OCRや音声を文字起こしするAIオペレーションは、チームプラン・サクセスプラン限定の機能です。フリープランやミニプランでセットするとエラーになってしまうので、ご注意ください。
チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルが可能です。トライアル期間中は、通常だと制限があるアプリやAIオペレーションもすべて使えるので、気になる機能をぜひお試しください。
※YoomのOCR機能では、アクション記載の規定の文字数を超えるデータや、文字が小さすぎる場合に正しく読み取れないことがあります。文字数や文字の大きさには少し余裕を持たせてご利用ください。
2.アクション選択設定は、テンプレートを使用しているためデフォルトで完了しています。設定内容を確認し、次へ進みましょう。
3.詳細設定を行います。
「対象のテキスト」は、入力欄をクリックして表示される取得した値から選択してください。
※抽出対象のテキストを指定しましょう。
「抽出したい項目」は、抽出したいテキストのデータ項目を設定します。
ここで抽出したデータを用いて、Webflowのコレクションにアイテムを追加するため、Webflowに追加したい項目を全て設定するようにしましょう。
複数の項目を設定する場合、カンマ（,）区切りで入力してくださいね！
今回はテンプレートを活用して、以下画像のように入力しています。
入力が完了したら「テスト」を実行し、正しくテキストからデータが抽出されていることを確認しましょう。確認後、「保存する」をクリックします。
1.アプリと連携する「コレクションにアイテムを追加」をクリックしましょう。
各項目を確認し、「次へ」をクリックします。
2.API接続設定を行います。
「サイトID」「コレクションID」は、入力欄をクリックして表示される候補から選択してください。
候補は、連携しているアカウントに紐づいて表示されます。
3.フィールド情報の各項目を設定していきます。
「フィールド」は、入力欄をクリックして表示される候補から選択してください。
「値」は、入力欄をクリックして表示される取得した値から選択してください。
フィールド情報の各項目は、以下画像のように設定しました。
設定完了後は「テスト」を行い、実際にWebflowにデータが追加されることを確認してください。
確認後、保存しましょう。
全ての設定が完了すると、下図のようなポップアップが表示されます。赤枠部分の「トリガーをON」をクリックすると、設定したフローボットが起動するので動作確認をしましょう！
今回はDiscordからWebflowへデータを連携する方法をご紹介しましたが、逆にWebflowでの更新をDiscordに通知したい場合は、下記のテンプレートも併せてご利用ください。サイトの更新情報をタイムリーにチームに共有することで、さらなる業務効率化が実現できます。
Webflowで新しいCMSアイテムが作成されたタイミングをトリガーとして、その情報をすぐにDiscordの指定チャンネルに通知します。
この直接連携により、Webサイトに新しいコンテンツが追加されたことを関係者に手動で知らせる手間が不要になり、チーム内での情報共有のスピードと確実性が向上します。
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Webflow上でアイテムが「公開（Published）」されたことを検知し、その旨を自動的にDiscordへ通知します。
特に重要な「公開」というアクションをトリガーにすることで、コンテンツのローンチやプレスリリースの公開といった重要な更新情報を、関係者全員がタイムリーに把握できるようになり、迅速なレビューや次のアクションへの移行をサポートします。
■概要
Webflowで新しいコンテンツを公開するたびに、チームへの共有を手作業で行うのは手間がかかり、更新のたびに負担に感じてしまうことも少なくありません。このワークフローは、そうしたWebflowでのサイト更新とDiscordでのチーム共有に関する課題を解決します。Webflowのコレクションで新しいアイテムが公開されると、その情報が自動でDiscordの指定チャンネルに通知されるため、手作業による共有の手間や連絡漏れを防ぐことが可能です。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
DiscordやWebflowのAPIを活用することで、様々な自動化の実現が可能になります。
Slackにメッセージが投稿されたらDiscordに通知したり、Google AdsやGoogle スプレッドシートから取得したレポートを毎日Discordに通知したりできます。また、Zendeskでチケットが作成されたらDiscordに通知したり、自社出品カテゴリの商品ランキングを自動取得しDiscordに通知したりといった自動化も行えます。
◼️概要
Slackに新しいメッセージが投稿されたら、Discordに通知を自動的に送信します。
通知の内容や送信先はカスタマイズ可能です。
◼️注意事項
・SlackとDiscordそれぞれでアカウントとの連携設定が必要です。
・Discordの通知先やメッセージ内容を任意の値に置き換えてご利用ください。
■概要
毎日指定の時間に前日のGoogle Adsからレポート情報を取得して、自動的にDiscordに通知するフローです。
Google Adsの情報をDiscord上で管理したり、広告レポート作成を自動化する際にご利用ください。
起動タイミングは任意の時間を指定可能です。
Discordに通知する内容は自由に設定することができます。
■注意事項
・Google Ads、DiscordそれぞれとYoomのアカウント連携が必要です。
■概要
Zendeskでチケットが作成されたらDiscordに通知するフローです。
■このテンプレートをおすすめする方
1.Zendeskを利用するカスタマーサポートチーム
・Zendeskで発生したチケットをリアルタイムで把握して迅速な対応をしたい方
・チケットの優先度や担当者に応じてDiscordの通知先を柔軟に設定したい方
2.Zendeskのチケット状況を把握したいチームメンバー
・重要なチケットの発生をDiscordで通知を受け取り迅速に対応したい方
■このテンプレートを使うメリット
Zendeskで顧客サポートを効率的に行うためには、チケット作成時の迅速な対応が鍵となります。しかし、常にZendeskの画面を確認して新しいチケットを手動でDiscordに通知するのは、時間と労力の無駄遣いとなってしまいます。
このフローを導入すれば、Zendeskで新しいチケットが作成された瞬間に自動でDiscordに通知が届き、サポート担当者はチケットの存在をいち早く察知して迅速な対応が可能になります。また手作業による通知の手間が省けるため、より多くの時間を顧客対応に充てることができます。
■注意事項
・Zendesk、DiscordのそれぞれとYoomを連携させてください。
・Zendeskはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
■概要
ECサイトなどに出品している自社商品のランキングを、毎日手作業で確認していませんか？こうした定点観測は重要である一方、手間がかかる上に確認漏れなどのミスも起こりがちです。このワークフローを活用すれば、スケジュールに合わせてRPAが自動でランキングサイトの情報を取得し、その結果をDiscordに通知できます。日々の情報収集にかかる手間を省き、迅速な状況把握を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Webflowのフォームが送信されたらHubSpotにチケットを作成したり、Salesforceに追加したりできます。また、Webflowのフォームが送信されたり、注文が発生したりした際に、Google スプレッドシートにデータが追加されたり、Microsoft Excelに追加されたりといった自動化も可能です。
■概要
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で抽出したデータを、指定したフォーマット（例：日付形式の統一、電話番号のハイフン追加など）に成形することができます。
