WebflowとNotionを連携することで業務の効率化が進むでしょう。
例えば、Webflowのフォームから得たデータを自動でNotionに追加できるため、手動入力の手間が省け、チーム全体で最新情報を共有できます。この連携によりタスク管理の簡略化や情報共有のスムーズ化も実現し、作業効率向上が期待できます。
手動作業を削減し、より重要な業務に集中できる環境を整えたい方に役立つでしょう。
この記事では、この連携で得られるメリットと連携方法を画像を含めて紹介します。とにかく早く試したい方へ
YoomにはWebflowとNotionを連携するためのテンプレートが用意されています。
今すぐ試したい方は以下よりバナーをクリックしてスタートしましょう！
Webflowのフォームが送信されたらNotionに追加する
試してみる
Webflowのフォームが送信されたらNotionに追加するフローです。
WebflowとNotionを連携するメリット
メリット1: 入力作業を削減
WebflowとNotionを連携することで、手動での入力作業が削減されることが期待できます。
Webflowで受け取ったフォームデータを自動的にNotionに反映させることで、二重入力やヒューマンエラーのリスクを減らし、正確なデータ管理が可能となるでしょう。これにより時間を効率的に使い、より重要なタスクに集中することができるでしょう。
特に、データ入力に多くの時間を費やしている事務員の方におすすめです。
メリット2: タスク管理の効率化
WebflowとNotionを連携させることで、Webflow上で得たデータに基づき自動的にタスクを生成することができます。たとえば、フォームの送信内容に応じてNotion内でプロジェクトやタスクが自動作成され、追跡しやすくなります。これにより、担当者が見逃すことなく業務の進行を管理できるため、作業の効率化につながります。特に、プロジェクト管理を効率化したいチームや、複数のタスクを同時に管理する必要があるプロジェクトマネージャーにとって有益となるでしょう。
WebflowとNotionを連携してできること
WebflowとNotionのAPIを連携すれば、WebflowのデータをNotionに自動的に連携することが可能です。
たとえば、下記のようなデータ連携を自動的に実施することもできちゃいます！
Webflowのフォームが送信されたらNotionに追加する
Webflowから送信されたフォーム内容をNotionに自動で追加することが可能です。
Webflowへのログインの手間を省きつつ、転記作業も不要となるため業務の効率化を図ることができます。
Webflowのフォームが送信されたらNotionに追加する
試してみる
Webflowのフォームが送信されたらNotionに追加するフローです。
Webflowでコレクションのアイテムが作成されたらNotionに追加する
Webflowでコレクションのアイテムが作成されると、Notionにも自動で反映させることができるフローです。
例えば、マーケティング部がWebflowでキャンペーンページを作成し、アイテムを追加するとその情報がNotionの「プロジェクト管理」ページに反映されます。
その結果、営業部などは最新のキャンペーン情報をNotionを通してスピーディーに確認できるため、素早いクライアント対応も可能になります。
Webflowでコレクションのアイテムが作成されたらNotionに追加する
試してみる
Webflowでコレクションのアイテムが作成されたらNotionに追加するフローです。
Webflowで注文が発生したらNotionに追加する
Webflowで注文が発生したらNotionにも自動的に追加されます。
Notionでデータの一元管理や数値分析を実施している場合、自動化することで転記漏れや転記ミスが減るので、分析精度の向上も期待できます。
Webflowで注文が発生したらNotionに追加する
試してみる
Webflowで注文が発生したらNotionに追加するフローです。
Webflowのフォーム情報をNotionに自動連携するフローを作ってみよう
それではここから代表的な例として「Webflowのフォームが送信されたらNotionに追加する」フローを解説していきます！
今回はYoomを使用してノーコードで設定をしていくので、もしまだYoomのアカウントをお持ちでない場合は、無料登録フォームからアカウントを発行しておきましょう。
Yoomの基本的な操作は初めてのYoomをご確認ください。
※今回連携するアプリの公式サイト：Webflow／Notion
[Yoomとは]
WebflowとNotionの連携フローの作り方
それでは、実際にテンプレートを使用して「Webflowのフォームが送信されたらNotionに追加する」フローを一緒に作っていきましょう！
連携フローは大きく分けて以下のプロセスで作成を進めます。
- WebflowとNotionをマイアプリ登録
- テンプレートをコピー
- フローの起点となるWebflowのトリガー設定とNotionのオペレーション設定
- トリガーボタンをONにしてWebflowとNotionの連携動作を確認
今回使用するテンプレートは、下のバナーの「試してみる」をクリックするとコピーできます。
Webflowのフォームが送信されたらNotionに追加する
試してみる
Webflowのフォームが送信されたらNotionに追加するフローです。
それでは、始めましょう！
ステップ1：WebflowとNotionをマイアプリ連携
ここでは、Yoomとそれぞれのアプリを連携して、操作が行えるようにしていきます。
まずは基本的な設定方法を解説しているナビをご覧ください！
この後、今回のフローで使用するアプリのマイアプリ登録方法を解説します。
Webflowのマイアプリ登録
(1)Yoomにログイン後、左欄にある「マイアプリ」を選択し「＋新規接続」をクリックします。
(2)マイアプリの新規接続一覧の中から、Webflowをクリックします。
(3)赤枠部分を確認しながら「Webflowの新規登録」画面から「アカウント名、アクセストークン」を入力して「追加」をクリックしたら完了です！
Notionのマイアプリ登録
Notionの連携方法は、以下の手順をご参照ください。
連携が完了するとYoomのマイアプリにWebflowとNotionが登録されます。
これで、マイアプリ登録が完了しました。
次に、テンプレートを使用してトリガーの設定をしましょう！
ステップ2:webflowでフォームが送信されたら起動するトリガーを設定
(1)先程ご紹介した、テンプレートを使用していきます。下のバナーの「試してみる」をクリックします。
Webflowのフォームが送信されたらNotionに追加する
試してみる
Webflowのフォームが送信されたらNotionに追加するフローです。
アプリトリガーの「フォームが送信されたら」をクリックします。
(2)Webflowの「連携アカウントとアクションを選択」画面から、Webflowと連携するアカウント情報に誤りがないかを確認し、トリガーアクションは「フォームが送信されたら」のままで「次へ」をクリックします。
(3)「アプリトリガーのAPI接続設定」画面から、サイトIDを候補から選択し、「テスト」をクリックします。
エラーが発生せずにテストに成功したら、フォームの回答内容を取得します。
詳しくは「取得した値：アウトプット」を追加する方法をご確認ください！
フォームの回答内容を取得できたら「次へ」をクリックします。
(4)以下の画像に移ったら、「テスト」をクリックし、エラーが発生しなければ、下部にある「保存する」をクリックします。
ステップ3:Notionのデータベースの操作
(1)次に、Notionのデータベースを操作します。
「レコードを追加する」をクリックします。
(2)Notionの「データベースの連携」画面から、Notionと連携するアカウント情報に誤りがないかを確認し、実行アクションは「レコードを追加する」のままにします。
アプリIDは候補から選択してください。
入力が完了したら、下部にある「次へ」をクリックします。
(3)「データベース操作の詳細設定」画面から、各項目のレコードの値を「アウトプット（取得した値）から選択していきます。
「アウトプット（取得した値）」から選択することで最新のWebflowのフォームの回答内容が反映されるようになります！
もし手入力をしてしまうと、フローボットが起動するたびに同じテキストが反映されてしまうので、必ず「アウトプット（取得した値）」を埋め込みましょう。
入力が完了したら、下部にある、「テスト」をクリックし、エラーが発生しなければ、「保存する」をクリックします。
(4)最後に、「トリガーをON」をクリックします。
これで、「Webflowのフォームが送信されたらNotionに追加する」フローボットの完成です。
WebflowやNotionのAPIを使ったその他の自動化例
Yoomでは他にもWebflowやNotionを使った自動化の例がたくさんありますので、いくつかご紹介します。
Webflowを使った自動化例
他のツールのデータを用いてWebflowのアイテムを作成や更新を自動化することができます。
また、Wrbflowの投稿をもとに他のツールも更新できるため転記漏れや転記ミスなども防止することが可能です。
Airtableでレコードが更新されたら、Webflowのコレクションのアイテムを更新する
試してみる
■概要
Webflowで構築したサイトのCMSとしてAirtableを活用しているものの、データの同期を手作業で行うことに手間を感じていませんか？情報の更新漏れや入力ミスは、サイトの信頼性にも関わるため避けたい課題です。このワークフローは、そうしたWebflowとAirtable間の連携における課題を解決します。Airtableのレコードが更新されると、関連するWebflowのコレクションアイテムが自動で更新されるため、手作業による運用の手間やミスをなくし、効率的なサイト管理を実現します。
■このテンプレートをおすすめする方
・Webflowで構築したサイトのCMSとしてAirtableを連携させているWeb担当者の方
・Airtableのデータ更新後、Webflowへの手動での反映作業に時間と手間がかかっている方
・手作業によるデータ更新ミスをなくし、サイト運用の属人化を解消したいチームリーダーの方
■注意事項
・Airtable、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・Airtableのアウトプットの取得方法は下記を参考にしてください。
https://intercom.help/yoom/ja/articles/5404443
Brevoでコンタクトが作成されたら、Webflowにアイテムを追加する
試してみる
■概要
Brevoで管理しているコンタクト情報を、Webflowで作成したWebサイトのCMSに手作業で登録する業務に手間を感じていませんか？この繰り返し作業は時間がかかるだけでなく、コピー＆ペーストによる入力ミスも起こりがちです。
このワークフローは、そうした課題を解決するために設計されており、Brevoで新しいコンタクトが作成されると、その情報を自動でWebflowのコレクションにアイテムとして追加します。BrevoとWebflow間のデータ連携を自動化し、手作業の手間を省きます。
■このテンプレートをおすすめする方
・Brevoで獲得したコンタクトをWebflowサイトに手動で反映させているウェブ担当者の方
・BrevoとWebflow間の連携作業を自動化し、入力ミスをなくしたいマーケティングチームの方
・ノーコードでBrevoとWebflowを連携させ、業務の効率化を目指すビジネスパーソンの方
■注意事項
・Brevo、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
Cal.comで予定が登録されたら、Webflowのコレクションにアイテムを追加する
試してみる
■概要
Cal.comで新しいアポイントメントが確定するたびに、その情報を手作業でWebflowのCMSに登録していませんか？こうした定期的な手作業は、手間がかかるだけでなく入力ミスを誘発する可能性もあります。
このワークフローを活用すれば、Cal.comとWebflowをスムーズに連携させ、予定の登録からWebflowのコレクションへのアイテム追加までを自動化できます。手作業による情報更新の手間をなくし、より効率的なサイト運営を実現します。
■このテンプレートをおすすめする方
・Cal.comで受け付けた予約情報をWebflowのサイトに手動で反映させている方
・Cal.comとWebflow間のデータ転記作業における入力ミスや反映漏れを防ぎたい方
・ノーコードでCal.comとWebflowを連携し、予約管理の業務効率化を図りたい方
■注意事項
・Cal.com、WebflowのそれぞれとYoomを連携してください。
Webflowでコレクションのアイテムが更新されたら、Telegramに通知する
試してみる
Webflowで特定のコレクションのアイテムが公開されたら、内容を要約しRedditのサブレディットに新規投稿を作成する
試してみる
■概要
Webflowで作成したコンテンツを、世界中のユーザーが集まるコミュニティであるRedditへ手動で投稿する作業に、手間や時間を取られていませんか。
このワークフローは、WebflowとRedditを連携させ、特定のコレクションアイテムが公開された際に、その内容を自動で要約し、指定したサブレディットへ新規投稿するプロセスを自動化します。
この仕組みにより、情報発信の効率化と工数削減を実現できます。
■このテンプレートをおすすめする方
・Webflowで運営するサイトのコンテンツを、Redditコミュニティへ効率的に共有したい方
・WebflowとRedditを活用したコンテンツマーケティングの自動化に関心がある担当者の方
・海外コミュニティへの情報発信を手作業で行っており、投稿漏れや遅延に課題を感じている方
■注意事項
・Webflow、RedditのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
Discordにメッセージが投稿されたら、テキストを抽出してWebflowのアイテムを削除する
試してみる
■概要
Webflowで構築したサイトのコンテンツ管理を、チームのコミュニケーションツールであるDiscordで行っている場合、削除依頼などを手動でWebflowに反映させる作業は手間がかかり、対応漏れの原因にもなりがちです。このワークフローは、特定のDiscordチャンネルへのメッセージ投稿をきっかけに、Webflow上のアイテムを自動で削除するものです。WebflowとDiscordの連携によって面倒な手作業をなくし、サイト管理を効率化します。
■このテンプレートをおすすめする方
・Webflowでサイトを運営し、Discordでコンテンツの削除依頼を受け付けている方
・WebflowとDiscord間での手作業によるアイテム削除に、時間と手間を感じているチーム
・Discordでの連絡を起点に、Webflowサイトの運用を自動化・効率化したいと考えている方
■注意事項
・Discord、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
GitHubでプルリクエストが作成されたら、Webflowにアイテムを追加する
試してみる
■概要
GitHubでの開発進捗をWebflowサイトに反映させる際、プルリクエストの情報を手作業でコピー＆ペーストしていませんか？この作業は手間がかかる上に、転記ミスや更新漏れの原因にもなり得ます。このワークフローを活用すれば、GitHubとWebflowの連携が自動化され、プルリクエストが作成されると同時にWebflowのコレクションにアイテムが追加されるため、こうした課題を円滑に解決します。
■このテンプレートをおすすめする方
・GitHubとWebflowを連携させ、開発の進捗管理を効率化したい方
・プルリクエストの情報をWebflowのCMSに手作業で転記している方
・開発チームとWebサイト管理チーム間の情報共有を円滑にしたい方
■注意事項
・GitHub、WebflowのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
Webflowのフォームが送信されたらHubSpotにチケットを作成する
試してみる
Webflowのフォームが送信されたらHubSpotにチケットを作成するフローです。
Webflowでアイテムが作成されたら、Stripeで商品を作成する
試してみる
■概要
Webflowで構築したサイトに新しい商品やサービスを追加する際、決済システムであるStripeにも手作業で商品情報を登録するのは手間がかかり、入力ミスも発生しがちではないでしょうか。
このワークフローは、そうした課題を解決するために設計されました。Webflowのコレクションに新しいアイテムを追加するだけで、Stripeに自動で商品が作成されるため、WebflowとStripe間のデータ登録作業を効率化し、手作業による負担を軽減します。
■このテンプレートをおすすめする方
・WebflowとStripeを利用し、手作業での商品登録に手間を感じているサイト運営者の方
・商品情報の二重入力による入力ミスや登録漏れなどのリスクをなくしたいと考えている方
・WebflowとStripeの連携を自動化し、コア業務に集中できる時間を確保したい方
■注意事項
・Webflow、StripeのそれぞれとYoomを連携してください。
・WebflowのDescriptionを取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
・Stripeはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
Webflowでアイテムが非公開になったら、WordPressで関連の投稿を非公開に更新する
試してみる
■概要
WebflowとWordPressを併用してWebサイトを運営する際、コンテンツの公開ステータス管理に手間を感じていませんか。
片方で記事を非公開にした後、もう片方で手動で更新するのは面倒な上、更新漏れのリスクも伴います。
このワークフローを活用すれば、Webflowでアイテムを非公開にするだけで、関連するWordPressの投稿が自動で非公開に更新されるため、二重管理の手間やヒューマンエラーを解消し、効率的なサイト運用を実現します。
■このテンプレートをおすすめする方
・WebflowとWordPressを連携させ、コンテンツ管理を効率化したいWeb担当者の方
・両CMS間での手作業による更新作業に時間を費やしており、ミスを減らしたい方
・Webサイトの運用フローを自動化し、コンテンツ制作などのコア業務に集中したい方
■注意事項
・Webflow、WordPressのそれぞれとYoomを連携してください。
・「同じ処理を繰り返す」オペレーション間の操作は、チームプラン・サクセスプランでのみご利用いただける機能となっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
Notionを使った自動化例
NotionをSlackやGoogle Chatなどの通知系アプリと組み合わせることで、チーム内への共有がスムーズになり共有の手間も省けます。
また文字起こしやタスク作成なども可能なので、今まで手入力で行っていた作業を効率化することが可能です。
Calendlyで予定が作成されたら、Notionでページを作成する
試してみる
Calendlyで予定が作成されたら、Notionに連携して新規ページを作成するフローです。
コラボフローで申請が行われたらNotionにタスクを追加する
試してみる
コラボフローで申請が行われたらNotionにタスクを追加するフローです。
Notionデータベースで取引先が登録されたらマネーフォワード クラウド請求書に取引先を登録する
試してみる
Notionデータベースで取引先が登録されたらマネーフォワード クラウド請求書に取引先を登録するフローです。
NotionDBに追加された情報を、Google スプレッドシートにも追加する
試してみる
Notionの任意のデータベースに追加された情報を、Google スプレッドシートにも追加するフローです。
Sansanに登録された名刺情報をNotionに登録する
試してみる
Sansanに新しい名刺の情報が登録されたら、Notionのデータベースにレコードを追加するフローです。
Notionでページが作成または更新されたらSlackに通知
試してみる
Notionでページが作成または更新されたら、指定のSlackチャンネルに通知します。
Notionのデータベースに情報が追加されたら、Chatworkに通知する
試してみる
■概要
Notionで管理しているタスクや議事録などの情報を、チームメンバーに都度手作業で共有していませんか？
手動での情報共有は手間がかかるだけでなく、通知漏れやタイムラグが発生する原因にもなります。
このワークフローを活用すれば、Notionのデータベースに情報が追加・更新されると、自動でChatworkに必要な情報を通知できるため、こうした情報共有の課題をスムーズに解消します。
■このテンプレートをおすすめする方
・Notionで更新した情報を、手作業でChatworkに連携している方
・チーム内の情報共有における伝達漏れや、対応の遅れをなくしたい方
・NotionとChatworkを活用し、プロジェクト管理を効率化したい方
■注意事項
・Notion、ChatworkのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
Notionのデータベースに情報が追加されたら、Google Chatに通知する
試してみる
■概要
Notionでタスク管理や情報共有を行う際、更新のたびに手作業でGoogle Chatに通知するのは手間がかかり、通知漏れのリスクも伴います。
重要な情報共有が遅れたり、抜け漏れが発生したりすると、業務に支障をきたすことも少なくありません。
このワークフローを活用すれば、Notionのデータベースに情報が追加・更新されると、自動でGoogle Chatに通知が送信されるため、こうした情報共有の課題を解消できます。
■このテンプレートをおすすめする方
・Notionで管理している情報を、都度手作業でGoogle Chatに通知している方
・手作業による通知で、連絡漏れや共有の遅延といったミスをなくしたいと考えている方
・チーム内の情報共有をより円滑にし、プロジェクトの進行をスムーズにしたいマネージャーの方
■注意事項
・Notion、Google ChatのそれぞれとYoomを連携してください。
・トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
・プランによって最短の起動間隔が異なりますので、ご注意ください。
・Google Chatとの連携はGoogle Workspaceの場合のみ可能です。詳細は下記を参照ください。
https://intercom.help/yoom/ja/articles/6647336
・分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
・ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
Zoomでミーティングが終了したら会議の文字起こしデータをNotionに保存する
試してみる
Zoomでミーティングが終了したら、自動的に会議内容を自動で文字起こしし、文字起こしの結果をNotionに保存します。
カオナビで従業員が登録されたらNotionの従業員管理表にも登録する
試してみる
カオナビで従業員が登録されたらNotionの従業員管理表にも登録するフローです。
さらにWebflowとNotionを使ったテンプレートを確認したい方は、以下のサイトをご覧ください。
Webflowを使用したフローボットテンプレート一覧
Notionを使用したフローボットテンプレート一覧
まとめ
WebflowとNotionの連携により、手動作業の削減やデータの一元管理が可能になりそうですね！
チーム全体で効率的に情報を共有でき、フォームの送信データを自動でNotionに追加することで、業務のスピードと正確性が向上し、タスク管理もスムーズに進行することが期待できます。
これにより、手間を省き、重要な業務に集中できる時間を確保できるでしょう。
効率的な業務運営を目指すなら、この連携をぜひ活用してみてください。
よくあるご質問
Q：連携が失敗した時にエラーを検知する方法はありますか？
A：
フローボットでエラーが発生した場合、Yoomのアカウント作成時に登録したメールアドレスに通知が届きます。
通知内容に掲載されているリンクからエラーの原因を確認することができます。
詳しいエラーの対処方法についてはエラー時の対応方法についてをご確認ください。
それでも解決されない場合はYoomお問い合わせ窓口からご連絡することも可能です。
Q：この連携はYoomの無料プランでどこまで可能ですか？
A：
WebflowとNotionは無料プランで使用できるアプリですが、無料プランであるフリープランでは「月の無料タスク数」が100タスクが上限です。
そのため、今回ご紹介したフローの場合、1回の起動で1つのタスクが消費されます。
もし、月100回以上Webflowのフォームが利用される場合はミニプラン以上のプランもご検討ください。
詳細について確認したい場合は料金プランやタスク実行数のカウント方法をご参照ください。
Q：他の連携ツール（Zapierなど）に対するYoomの利点は何ですか？
A：
Yoomでは、数多くのサービスと連携が可能で、幅広い自動化に対応しています。また、チャットやメールによるカスタマーサクセスチームのサポート体制も整っているため、操作に不安がある場合でも安心して導入・運用を進めることができます。
連携しているアプリの種類は連携アプリ一覧からご確認ください。
.avif)
.png)
.avif)
