・
.avif)
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
「Webflowで新しい記事を公開するたびに、DiscordにURLを貼り付けてチームに共有している…」
「Webflowのフォームに問い合わせがあったら、手動でDiscordの担当チャネルに通知しているけど、正直面倒…」
このように、WebflowとDiscordを日常的に利用する中で、二つのツール間の情報共有を手作業で行うことに手間や限界を感じていませんか？
もし、Webflowでの特定のアクションをきっかけに、自動でDiscordに必要な情報を通知する仕組みがあれば、こうした日々の繰り返し作業から解放されます。
これにより、チーム内の情報共有をよりスピーディかつ正確に行うことができ、本来注力すべきコンテンツ制作やサイトの改善といったコア業務に集中できる時間を生み出せます。
今回ご紹介する自動化の設定は、プログラミングの知識がなくても簡単に設定できるので、ぜひこの記事を参考に、日々の定型業務をもっと楽にしていきましょう！
YoomにはWebflowとDiscordを連携するためのテンプレートが用意されているので、今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
WebflowとDiscordのAPIを連携させることで、これまで手作業で行っていた二つのツール間の情報共有を自動化できます。
例えば、Webflowで新しいコンテンツが作成・公開された際に、その情報を瞬時にDiscordの指定したチャネルへ通知することが可能になり、チーム内の情報共有のスピードと正確性を向上させることが可能です。
ここでは、具体的な自動化の例を複数ご紹介しますので、気になる内容があれば、ぜひクリックしてみてください！
WebflowのCMSコレクションに新しいアイテム（ブログ記事、実績、メンバー情報など）が作成されたタイミングで、そのアイテム名やURLといった情報を自動でDiscordに通知可能です。
手動での共有漏れやタイムラグを防ぎ、チーム全体で常に最新の状況を把握することが可能になります。
この連携は、Webflowで発生したイベントをトリガーに、直接Discordへ情報を送信するシンプルな構成です。
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Webflowで作成したアイテムが「公開（Publish）」されたタイミングをトリガーとして、Discordに通知する自動化です。
アイテムを作成した段階ではなく、実際にWebサイト上で公開された時に通知が飛ぶため、重要な更新情報のみをチームに的確に周知でき、公開後のSNSでの告知やマーケティング活動へスムーズに繋げられます。
■概要
Webflowで新しいコンテンツを公開するたびに、チームへの共有を手作業で行うのは手間がかかり、更新のたびに負担に感じてしまうことも少なくありません。このワークフローは、そうしたWebflowでのサイト更新とDiscordでのチーム共有に関する課題を解決します。Webflowのコレクションで新しいアイテムが公開されると、その情報が自動でDiscordの指定チャンネルに通知されるため、手作業による共有の手間や連絡漏れを防ぐことが可能です。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
それでは、さっそく実際にWebflowとDiscordを連携したフローを作成してみましょう！
今回はYoomを使用して、ノーコードでWebflowとDiscordの連携を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
今回は「Webflowでアイテムが作成されたら、Discordに通知する」フローを作成していきます！
作成の流れは大きく分けて以下です。
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
それではここから今回のフローで使用するアプリのマイアプリ登録方法を解説します。
Yoomの画面左側にある「マイアプリ」→「新規接続」をクリックしましょう。
「アプリ名で検索」でSlackを探すか、アプリ一覧から探してください。
以下の画面が表示されるのでWebflowで確認し入力しましょう。
入力後、マイアプリにWebflowが表示されていれば連携の完了です。
画面右側の「新規接続」をクリックします。
検索窓が表示されるので、Discordと入力し候補に表示されるDiscordをクリックしましょう。
Discordをクリックすると以下の画像のような画面になります。
内容に沿って必要情報を入力し、完了をクリックします。
※Discordの詳しい設定についてはこちらを確認してください。
連携が完了すると、YoomのマイアプリにDiscordが表示されます。
続いてYoomのテンプレートをコピーします。
以下バナーのテンプレートの「このテンプレートを試してみる」のアイコンをクリックします。
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
以下の画像のような画面が表示されたらテンプレートのコピーは完了です。
Webflowでアイテムが作成されたことを自動化のトリガーにするための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するWebflowのアカウントを確認し「次へ」をクリックします。
アプリトリガーのAPI接続設定画面が表示されるので、サイトIDを以下のように候補から選択しましょう。
「次へ」をクリックし、次の画面に進みます。
「テスト」をクリックし、Webflowから情報を取得できるか確認しましょう。
以下の取得した値にWebflowの情報が表示されているか確認します。
この後、この取得した値の内容を入力に使用することができます。
※取得した値に関して、詳しくはこちらをご確認ください。
テスト成功後「保存する」をクリックしましょう。
Webflowから取得した情報をDiscordに送信するための設定を行います。
以下の赤枠をクリックしましょう。
連携アカウントとアクションを選択する画面が表示されるので、今回連携するDiscordのアカウントを確認し「次へ」をクリックします。
Discordで確認し、チャンネルIDを入力しましょう。
メッセージには以下のように取得した値からWebflowの情報を用いて入力を進めましょう。
入力後、実際にDiscordにメッセージが送信されているか確認します。
確認ができたら「保存する」をクリックしましょう。
以下の画面の赤枠部分「トリガーをON」をクリックすることで、フローボットが自動で起動します。
設定お疲れ様でした！
今回はWebflowからDiscordへデータを連携する方法をご紹介しましたが、逆にDiscordの情報をWebflowに連携させたい場合もあるかと思います。
Yoomではそうした逆方向の連携も可能ですので、下記のテンプレートも併せてご利用ください。
Discordの特定のチャネルにメッセージが投稿されたら、その内容を自動でWebflowのCMSアイテムとして追加する連携です。
例えば、ユーザーからのフィードバックやアイデアを投稿するチャネルを設けておけば、投稿された貴重な意見を自動的にWebflowに蓄積し、コンテンツのネタやサービス改善のリストとして一元管理できます。
この連携では、投稿メッセージから必要な部分だけを抽出して登録する処理も可能です。
■概要
Discordでの活発なコミュニケーションの中から生まれた有益な情報を、Webflowサイトのコンテンツとして手動で登録する作業に手間を感じていませんか。このワークフローを活用すれば、Discordの特定チャンネルへの投稿をきっかけに、自動でテキストを抽出しWebflowのコレクションへアイテムとして追加することが可能になります。WebflowとDiscordの連携を自動化し、コンテンツ更新の手間を省き、情報の即時性を高めます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
Discordの特定のチャネルに「削除依頼：アイテムID」といった形式でメッセージを投稿すると、該当するWebflowのアイテムを自動で削除する連携です。
この仕組みにより、Webサイトのコンテンツ管理に関する依頼フローを効率化し、手作業による削除ミスや対応漏れを防ぐことができます。
この連携では、メッセージからアイテムIDを正確に抽出して処理を実行します。
■概要
Webflowで構築したサイトのコンテンツ管理を、チームのコミュニケーションツールであるDiscordで行っている場合、削除依頼などを手動でWebflowに反映させる作業は手間がかかり、対応漏れの原因にもなりがちです。このワークフローは、特定のDiscordチャンネルへのメッセージ投稿をきっかけに、Webflow上のアイテムを自動で削除するものです。WebflowとDiscordの連携によって面倒な手作業をなくし、サイト管理を効率化します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
今回ご紹介した連携以外にも、WebflowやDiscordを活用することで、フォーム回答の整理や通知作業を自動化できます。
入力データの管理や契約書・帳票の共有など、業務の効率化に役立つテンプレートが揃っているので、ぜひ試してみてくださいね！
Webflowは、フォームや注文データを他のツールと連携し、効率的に管理するのに適しています。
顧客データを自動的にGoogle スプレッドシートやCRMへ反映することで、手作業を削減し、運営業務をスムーズにしますよ！
■概要
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のフォームが送信されたらNotionに追加するフローです。
■このテンプレートをおすすめする方
1.WebflowでWebサイトを管理している方
・問い合わせやリード情報をWebflowのフォームから収集している企業
・フォーム情報をNotionへ自動で追加したい方
2.業務管理でNotionを使用している方
・Notionで問い合わせ内容やリード情報を一元管理している方
・手作業によるNotionへのデータ入力を自動化したい方
■このテンプレートを使うメリット
Webflowにフォームを設置することで、問い合わせやリード情報を効率的に取得することができます。
しかし、フォーム内容は都度ダッシュボードにログインして確認する必要があり、手間だと感じているかもしれません。
このテンプレートは、Webflowから送信されたフォーム内容をNotionに自動で追加することができます。
Webflowのダッシュボードに都度ログインしてフォーム内容を転記する作業が不要となるため、ヒューマンエラー発生を防止し、業務の効率化を図ることができます。
また、Notionにフォーム内容が自動で追加されることで、顧客対応のプロセスをスムーズに進めることが可能です。
■注意事項
・Webflow、NotionのそれぞれとYoomを連携してください。
■概要
Webflowのフォームが送信されたらSalesforceに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowを使ってサイト管理をしている方
・問い合わせやリード情報の取得でフォームを活用している企業
・問い合わせやリードの対応をスピーディーに行いたい方
2.業務でSalesforceを使用している方
・Salesforceへのフォーム内容の追加を自動化したい方
・顧客情報をSalesforceで一元管理している営業チーム
■このテンプレートを使うメリット
Webflowに送信されたフォーム内容の確認は、ダッシュボードや指定のメールアドレスから確認できますが、毎回アクセスするのは非効率的です。
また、フォーム内容をSalesforceに手動で追加している場合、誤入力や入力漏れといったヒューマンエラーの発生が懸念されます。
このテンプレートは、SalesforceにWebflowのフォーム内容を自動で追加することができます。
手動によるデータ入力が不要となるため、データを正確にSalesforceに反映することができ、問い合わせやリード情報の管理が楽になります。
フローの後にチャットツールと連携することで、問い合わせやリード情報の反映後に特定のメンバーに情報共有することが可能です。
■注意事項
・Webflow、SalesforceのそれぞれとYoomを連携してください。
・Salesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
■概要
Webflowでコレクションのアイテムが作成されたらAirtableに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowでコンテンツ管理をしている方
・WebflowのコレクションをAirtableでも管理している方
・コレクションの追加をAirtableに手動で行っている方
2.Airtableでデータ管理をしている方
・WebflowのコレクションをAirtableで一元管理している方
・WebflowとAirtableを連携して業務を効率化したい方
■このテンプレートを使うメリット
Webflowで作成された情報をAirtableで管理している場合、手動による追加作業が必要となるため、非効率的です。
また、Airtableへの手動による情報追加はミスの発生リスクを高める可能性があり、効率化したいと感じているかもしれません。
このテンプレートは、Webflowでコレクションのアイテムが作成されるとAirtableに自動で追加することができ、手動による作業が不要になります。
Webflowにおけるデータ更新が頻繁に行われる場合でも、Airtableへの情報追加がスピーディーに行われるため、チーム全体で常に最新の情報を確認することができます。
作業が効率化されることで、コレクションの管理や分析業務の時間を確保することが可能です。
■注意事項
・Webflow、AirtableのそれぞれとYoomを連携してください。
Discordは、通知先としての活用に適しており、外部サービスで生成されたデータや帳票を共有可能です。
会議の分析結果や契約書の発行状況を自動で伝えることで、コミュニケーションを効率化できます。
■概要
Gmailで受信する請求書や注文書など、PDFファイルの対応に手間を感じていませんか。ファイルを開いて内容を確認しつつ手動で関係部署に共有する作業は、時間もかかりミスも発生しがちです。このワークフローを活用すれば、特定のメール受信をきっかけに添付されたPDFの内容をAI-OCRが自動で読み取り、その結果をDiscordへ通知することが可能です。定型的な確認・共有業務を自動化し、業務の迅速化と正確性の向上を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
■概要
OneDriveにアップロードした画像情報をもとに、手作業でMicrosoft Excelに転記して契約書を作成し、関係者に通知する業務は手間がかかるうえ、入力ミスも起こりがちです。
このワークフローを活用すれば、OneDriveへの画像アップロードをきっかけに、OCRでの情報読み取りからMicrosoft Excelでの契約書発行、Discordへの通知までを自動化し、書類作成に関わる一連の業務を効率化できます。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
■概要
Salesforceで商談が成立した後の契約書発行や、関係者への共有を手作業で行っていませんか？この作業は手間がかかるだけでなく、送信ミスや遅延の原因にもなりがちです。このワークフローを活用することで、Salesforceへの商談登録をトリガーに、その情報を基にして契約書を自動で発行し、Discordへ通知する一連の流れを自動化できます。これにより、契約に関連する業務の効率化を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
■概要
「Zoom会議の文字起こしをもとに感情分析を行い、AIでカスタマーサクセス施策を立案してDiscordに通知する」ワークフローは、Zoomで会議を実施すると自動で文字起こしを取得し、AIが感情を解析。
インサイトをもとにカスタマー サクセス施策を立案し、Discordへ通知します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■概要
フォームで受け付けた内容をもとに、都度帳票を作成して関係者に共有するのは手間のかかる作業ではないでしょうか。手作業での対応は、転記ミスや共有漏れといったヒューマンエラーの原因にもなりかねません。このワークフローを活用すれば、フォームへの回答をトリガーに、内容を反映した帳票を自動でPDF化し、指定のDiscordチャンネルへ送信できるため、一連の定型業務を自動化し、ミスなく迅速な対応を実現します。
■このテンプレートをおすすめする方
■このテンプレートを使うメリット
■フローボットの流れ
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
■注意事項
WebflowとDiscordの連携を自動化することで、これまで手作業で行っていたサイト更新の通知やチームへの情報共有にかかる時間を削減し、ヒューマンエラーを未然に防ぐことができます。
これにより、担当者は単純な伝達作業から解放され、チーム内のコミュニケーションはより円滑になり、コンテンツの企画・制作やサイト分析といった、本来注力すべき創造的なコア業務に集中できる環境が整うはずです。
今回ご紹介したような業務の自動化は、ハイパーオートメーションツールYoomを使えば、プログラミングの知識がない方でも直感的な操作で簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、ぜひこちらの登録フォームから無料登録して、Yoomが実現する業務効率化を体験してみてください！
Q：Discord通知にメンションを付けることはできますか？
A：はい、可能です。
ユーザーをメンションするには、「@USER_ID」などの形式で設定してください。
全員をメンションする場合、「@everyone」を使用することで可能です。
Q：特定の条件（例：カテゴリ）を満たすアイテムだけを通知できますか？
A：ミニプラン以上で利用できる「分岐」オペレーションを使うことで、複数の条件を組み合わせ、特定の条件のアイテムのみ通知することが可能です。
分岐について詳しくはこちらをご確認ください。
Q：連携が失敗した場合、エラーに気づく方法はありますか？
A：連携が失敗した場合、Yoomに登録されているメールアドレスに通知が送信されます。
再試行はされませんので、ご注意ください。
エラーの対応方法について、詳しくはこちらをご覧ください。
