Webflowでコレクションのアイテムが作成されたら、KnackでRecordを追加する
試してみる
■概要
Webflowで管理しているコレクションアイテムの情報を、他のデータベースに手動で転記する作業に手間を感じていませんか。特に、WebflowのAPIを活用した連携は専門知識が必要なため、自動化を諦めている方もいるかもしれません。このワークフローを活用すれば、Webflowのコレクションに新しいアイテムが作成されると、自動でデータベースアプリであるKnackにレコードが追加されます。これにより、手作業によるデータ入力の手間やミスをなくし、効率的なデータ管理を実現します。
■このテンプレートをおすすめする方
- WebflowとKnackを併用しており、手作業によるデータ連携に課題を感じている方
- WebflowのAPIを活用した業務自動化に、ノーコードで取り組みたいと考えている方
- Webサイトのコンテンツ更新とデータベース管理を連携させ、業務を効率化したい方
■このテンプレートを使うメリット
- Webflowにアイテムを追加するだけでKnackへレコードが自動で作成されるため、これまで手作業で行っていたデータ転記の時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になることで、入力ミスや転記漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。
■フローボットの流れ
- はじめに、WebflowとKnackをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでKnackの「Create Record」アクションを設定し、トリガーで取得した情報を紐付けてレコードを作成するように設定します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Knackでレコードを作成するオペレーションでは、対象となるオブジェクトやフィールドのIDを任意に指定してください。
- 各フィールドに設定する値は、固定のテキストを入力するだけでなく、トリガーであるWebflowから取得したアイテム名などの情報を変数として埋め込むことも可能です。
■注意事項
- Webflow、KnackのそれぞれとYoomを連携してください。
Webflowを使ったWebサイト運営やコンテンツ管理において、手作業でのデータ入力や更新に時間を取られていませんか？
例えば、フォームから送信されたリード情報を手動でCRMに入力したり、新しいCMSアイテムを公開するたびにチームへ手動で通知したりと、定型的ながらも重要な作業は少なくありません。
これらの作業を自動化するためにAPIの活用が考えられますが、「プログラミングの知識がないから難しそう」「社内に頼れるエンジニアがいない」といった理由で、一歩を踏み出せずにいる方も多いのではないでしょうか。
そこで本記事では、Webflow APIの基本的な知識から、エンジニアでなくても簡単に様々なアプリとWebflow APIを連携する方法をご紹介します。
Webサイトのフォーム投稿と顧客管理ツールの連携や、CMSアイテムの更新とチャットツールへの通知といったフローをステップごとにわかりやすく解説しますので、「エンジニアに頼らず、自分たちの手で業務を効率化したい！」と考えている方は、ぜひ参考にしてみてください。
とにかく早くWebflowのAPIを利用したい方へ
YoomにはWebflow APIを使った様々なアクションや、業務フローを自動化するためのテンプレートが用意されています。今すぐ試したい方はこちらから詳細をチェックしてみてください！
Webflow APIとは
Webflow APIはWebflowと外部アプリ（Google、Microsoft、Salesforce、Notionなど）を繋げてデータの受け渡しを行い、Webflowを使った業務フローを自動化できるインターフェースです。APIはアプリケーション・プログラミング・インタフェース (Application Programming Interface）の略語です。
インターフェースとは簡単に言うと「何か」と「何か」を「繋ぐもの」で、Webflow APIの場合は「Webflow」と「外部のアプリ」を繋ぐインターフェースを指します。
また、APIでは大きく分けて以下のような指示を出すことができます。
- 取得：APIを経由して、データを取得することができます。
- 追加：APIを経由して、データを追加することができます。
- 更新：APIを経由して、データを更新することができます。
- 削除：APIを経由して、データを削除することができます。
Webflow APIでできること
Webflow APIでできることをいくつかピックアップしたので、ご覧ください！
気になる自動化例の「試してみる」をクリックしてアカウント登録するだけで、すぐにWebflow APIを使った自動化を体験できます。
登録はたったの30秒で完了するので、ぜひ気軽にお試しください！
1. コレクションのアイテムが作成されたら自動で起動する
Webflowでコレクションのアイテムが作成されたことをアクションの起点として、データベースアプリへのレコード追加などを自動化できるので、手作業による転記作業をなくし、入力ミスや共有漏れを防ぎます。
Webflowでコレクションのアイテムが作成されたら、KnackでRecordを追加する
試してみる
■概要
Webflowで管理しているコレクションアイテムの情報を、他のデータベースに手動で転記する作業に手間を感じていませんか。特に、WebflowのAPIを活用した連携は専門知識が必要なため、自動化を諦めている方もいるかもしれません。このワークフローを活用すれば、Webflowのコレクションに新しいアイテムが作成されると、自動でデータベースアプリであるKnackにレコードが追加されます。これにより、手作業によるデータ入力の手間やミスをなくし、効率的なデータ管理を実現します。
■このテンプレートをおすすめする方
- WebflowとKnackを併用しており、手作業によるデータ連携に課題を感じている方
- WebflowのAPIを活用した業務自動化に、ノーコードで取り組みたいと考えている方
- Webサイトのコンテンツ更新とデータベース管理を連携させ、業務を効率化したい方
■このテンプレートを使うメリット
- Webflowにアイテムを追加するだけでKnackへレコードが自動で作成されるため、これまで手作業で行っていたデータ転記の時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になることで、入力ミスや転記漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。
■フローボットの流れ
- はじめに、WebflowとKnackをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでKnackの「Create Record」アクションを設定し、トリガーで取得した情報を紐付けてレコードを作成するように設定します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Knackでレコードを作成するオペレーションでは、対象となるオブジェクトやフィールドのIDを任意に指定してください。
- 各フィールドに設定する値は、固定のテキストを入力するだけでなく、トリガーであるWebflowから取得したアイテム名などの情報を変数として埋め込むことも可能です。
■注意事項
- Webflow、KnackのそれぞれとYoomを連携してください。
2.コレクションのアイテムが公開されたら自動で起動する
Webflowでアイテムが公開されたことをトリガーに、Microsoft Teamsなどのチャットツールへ自動で通知できるため、関係者への迅速な情報共有が実現し、プロジェクトの進行をスムーズにします。
Webflowでコレクションのアイテムが公開されたら、Microsoft Teamsに通知する
試してみる
■概要
Webflowで新しいコンテンツを公開するたびに、チームへの共有を手作業で行うことに手間を感じていませんか。手動での連絡は時間がかかるだけでなく、共有漏れなどのミスにつながる可能性もあります。このワークフローは、WebflowのAPIを活用し、コレクションアイテムが公開されると自動でMicrosoft Teamsへ通知する仕組みを構築するため、このような課題を解消し、迅速で確実な情報共有を実現します。
■このテンプレートをおすすめする方
- Webflowでコンテンツを管理しており、Microsoft Teamsでの共有を自動化したい方
- WebflowのAPIを利用した業務効率化に関心がある、Webサイトの運営担当者の方
- 手作業による情報伝達のタイムラグや、共有漏れといった課題を解消したい方
■このテンプレートを使うメリット
- Webflowでアイテムが公開されると自動で通知が送られるため、手作業での連絡に費やしていた時間を他の業務に充てることができます。
- 手動での共有作業が不要になることで、通知の漏れや遅延といったヒューマンエラーを防ぎ、確実な情報伝達を実現します。
■フローボットの流れ
- はじめに、WebflowとMicrosoft TeamsをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
- 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」アクションを設定して、任意のチャネルに通知を送信します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowのトリガー設定では、通知の対象とするサイトIDとコレクションIDを任意で指定することが可能です。
- Microsoft Teamsのオペレーションでは、通知を送信するチームやチャネルを自由に設定できます。
- 通知メッセージの本文は、固定のテキストだけでなく、Webflowから取得したアイテム名や公開URLといった情報を変数として埋め込むなど、柔軟なカスタマイズが可能です。
■注意事項
- Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
- Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
3. コレクションにアイテムを自動で追加する
Notionデータベースへの情報追加などをきっかけに、Webflowのコレクションにアイテムを追加するアクションをフローの中に組み込めるので、手動でのCMS入稿作業を効率化し、コンテンツ管理の手間を削減できます。
Notionデータベースに情報が追加されたら、Webflowでコレクションにアイテムを追加する
試してみる
■概要
WebflowとNotionをそれぞれ活用しているものの、Notionで管理している情報をWebflowに手作業で転記する作業に、手間や時間を取られていませんか。このような手作業によるデータ移行は、ヒューマンエラーの原因にもなりかねません。このワークフローは、Webflow APIなどを利用した連携をノーコードで実現し、Notionデータベースへの情報追加をきっかけに、Webflowのコレクションへアイテムを自動で追加します。
■このテンプレートをおすすめする方
- Notionで管理する情報をWebflowのコレクションへ手動で登録しているWeb担当者の方
- Webflow APIの活用に関心があり、ノーコードでサイト更新を自動化したいと考えている方
- コンテンツの更新頻度が高く、Webサイトの運用業務を効率化したいと考えている方
■このテンプレートを使うメリット
- Notionに情報を追加するだけでWebflowへ自動でデータが反映され、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になるため、入力ミスや転記漏れといったヒューマンエラーを防ぎ、データの正確性を保ちます。
■フローボットの流れ
- 1.はじめに、NotionとWebflowをYoomと連携します。
- 2.次に、トリガーでNotionを選択し、「特定のデータソースのページが作成・更新されたら」というアクションを設定します。
- 3.次に、オペレーションで分岐機能を設定し、特定の条件に応じて後続の処理を分岐させます。
- 4.次に、オペレーションでNotionの「レコードを取得する（ID検索）」アクションを設定し、トリガーで取得したページのIDから詳細情報を取得します。
- 5.最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、Notionから取得した情報をもとにアイテムを追加します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Notionのトリガー設定では、連携の対象としたいデータソースのIDを任意で設定してください。
- Webflowのオペレーション設定では、アイテムを追加したいサイトIDとコレクションIDを任意で指定します。
- Webflowの各フィールドには、固定の値を入力したり、Notionから取得した情報を変数として埋め込んだりといった柔軟な設定が可能です。
■注意事項
- Notion、WebflowのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- 分岐はミニプラン以上のプランでご利用いただける機能（オペレーション）となっております。フリープランの場合は設定しているフローボットのオペレーションはエラーとなりますので、ご注意ください。
- ミニプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリや機能（オペレーション）を使用することができます。
その他にも下記のようなアクションをAPI経由で実行が可能です。
■フローの中で設定できるアクション（フローボットオペレーション）
- コレクションのアイテムを更新
- コレクションのアイテムを公開する
- コレクションのアイテムを検索
- ローカライズされたコレクション内にアイテムを作成
- コレクションのアイテムを更新（マルチリファレンスフィールド）
- コレクションのアイテムを取得
- コレクションのアイテムを削除
- 特定のコレクション内にあるアイテム総数を取得
- コレクションのライブアイテムを更新
■フローの起点となるアクション（トリガーアクション）
- フォームが送信されたら
- コレクションのアイテムが更新されたら
- コレクションのアイテムが削除されたら
- コレクションのアイテムが非公開になったら
- 新規注文が発生したら
- 注文情報が更新されたら
Webflow APIの利用料金と注意点
Webflow APIは、Webflowの無料プラン（Starter）でも利用可能です。そのため、基本的な機能の自動化であれば、追加料金なしで始めることができます。
ただし、無料プランと有料プランではAPIの利用に関して以下のような違いがあるため、用途に合わせてプランを選ぶことが重要です。
- APIリクエスト制限：APIを呼び出せる回数には上限があり、無料プランでは1分あたり60リクエストまでと定められています。一方、CMSプランやBusinessプランなどの有料プランでは、1分あたり120リクエストまでとなり、より多くの処理を高速に行えます。
- Webhooksの活用：もしAPIを頻繁に呼び出す必要がある場合は、Webflowが提供するWebhooks機能の利用が推奨されます。これにより、APIのリクエスト数を抑えつつ、リアルタイムに近いデータ連携が実現できます。
- エラーへの対処：APIのリクエスト制限を超過するとエラーが返されます。自動化フローを構築する際は、このようなエラーも考慮した設計が大切です。
※詳細はWebflowのサービスサイトをご確認ください。
※2025年07月25日時点の情報です。
実際に連携してみた！
ここではノーコードツールYoomが用意するテンプレートで、実際の設定方法を通してWebflow APIを使った具体的な連携方法を紹介していきます！
もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。
[Yoomとは]
Webflow APIとの連携方法
はじめにWebflow APIとYoomを連携する方法を紹介します。
まずWebflowのマイアプリ登録を行いましょう。
1.Yoom画面左側にある「マイアプリ」→「新規接続」をクリックしてください。
アプリ一覧からWebflowを探すか、検索機能を活用して検索しましょう。
2.入力欄にWebflowと入力するとアイコンが表示されるので、アイコンをクリックします。
以下の画面が表示されたら、説明を確認し、「アカウント名」と「アクセストークン」を入力し、追加をクリックします。
これでWebflow APIとの連携は完了です。
今回は「Webflowでコレクションのアイテムが作成されたら、KnackでRecordを追加する」という実際のフローボットも作成していきます！
作成の流れは大きく分けて以下です。
- Knackをマイアプリ連携
- 該当のテンプレートをコピー
- Webflowのトリガー設定およびKnackのアクション設定
- トリガーをONにし、フローが起動するかを確認
Webflowでコレクションのアイテムが作成されたら、KnackでRecordを追加する
試してみる
■概要
Webflowで管理しているコレクションアイテムの情報を、他のデータベースに手動で転記する作業に手間を感じていませんか。特に、WebflowのAPIを活用した連携は専門知識が必要なため、自動化を諦めている方もいるかもしれません。このワークフローを活用すれば、Webflowのコレクションに新しいアイテムが作成されると、自動でデータベースアプリであるKnackにレコードが追加されます。これにより、手作業によるデータ入力の手間やミスをなくし、効率的なデータ管理を実現します。
■このテンプレートをおすすめする方
- WebflowとKnackを併用しており、手作業によるデータ連携に課題を感じている方
- WebflowのAPIを活用した業務自動化に、ノーコードで取り組みたいと考えている方
- Webサイトのコンテンツ更新とデータベース管理を連携させ、業務を効率化したい方
■このテンプレートを使うメリット
- Webflowにアイテムを追加するだけでKnackへレコードが自動で作成されるため、これまで手作業で行っていたデータ転記の時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になることで、入力ミスや転記漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。
■フローボットの流れ
- はじめに、WebflowとKnackをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでKnackの「Create Record」アクションを設定し、トリガーで取得した情報を紐付けてレコードを作成するように設定します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Knackでレコードを作成するオペレーションでは、対象となるオブジェクトやフィールドのIDを任意に指定してください。
- 各フィールドに設定する値は、固定のテキストを入力するだけでなく、トリガーであるWebflowから取得したアイテム名などの情報を変数として埋め込むことも可能です。
■注意事項
- Webflow、KnackのそれぞれとYoomを連携してください。
ステップ1:KnackとYoomの連携
Knackも先程のWebflowと同様、マイアプリメニューからアプリを検索しクリックしてください。
こちらも赤枠の説明を確認し、必須項目を入力し、「追加」をクリックします。
Yoomのマイアプリにそれぞれが登録されたら連携が完了です！
ステップ2:テンプレートをコピーする
ここからいよいよフローを作っていきます！簡単に設定できるようテンプレートを利用しているので、まずはこちらをコピーしましょう。
Yoomにログインし、以下バナーの「試してみる」をクリックしてください。
Webflowでコレクションのアイテムが作成されたら、KnackでRecordを追加する
試してみる
■概要
Webflowで管理しているコレクションアイテムの情報を、他のデータベースに手動で転記する作業に手間を感じていませんか。特に、WebflowのAPIを活用した連携は専門知識が必要なため、自動化を諦めている方もいるかもしれません。このワークフローを活用すれば、Webflowのコレクションに新しいアイテムが作成されると、自動でデータベースアプリであるKnackにレコードが追加されます。これにより、手作業によるデータ入力の手間やミスをなくし、効率的なデータ管理を実現します。
■このテンプレートをおすすめする方
- WebflowとKnackを併用しており、手作業によるデータ連携に課題を感じている方
- WebflowのAPIを活用した業務自動化に、ノーコードで取り組みたいと考えている方
- Webサイトのコンテンツ更新とデータベース管理を連携させ、業務を効率化したい方
■このテンプレートを使うメリット
- Webflowにアイテムを追加するだけでKnackへレコードが自動で作成されるため、これまで手作業で行っていたデータ転記の時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になることで、入力ミスや転記漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。
■フローボットの流れ
- はじめに、WebflowとKnackをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでKnackの「Create Record」アクションを設定し、トリガーで取得した情報を紐付けてレコードを作成するように設定します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Knackでレコードを作成するオペレーションでは、対象となるオブジェクトやフィールドのIDを任意に指定してください。
- 各フィールドに設定する値は、固定のテキストを入力するだけでなく、トリガーであるWebflowから取得したアイテム名などの情報を変数として埋め込むことも可能です。
■注意事項
- Webflow、KnackのそれぞれとYoomを連携してください。
以下の画面表示を読んで、「OK」をクリックしましょう。
ステップ3:Webflowのトリガーアクション設定
1.いよいよフローの設定に入ります！まずは以下の赤枠をクリックしましょう。
2.以下の画面でYoomと連携するアカウントを選択します。
タイトルは変更可能です。わかりやすものにするなどカスタマイズしてみてください。
連携するアカウント情報は基本的にマイアプリ登録をしたアカウントが選択されています。
情報を確認してください。
トリガーアクションは「コレクションのアイテムが作成されたら」のまま「次へ」をクリックして進んでください。
3.入力欄をクリックし、対象の「サイトID」を候補から選択してください。
入力後にYoomと連携できるか「テスト」を実行し、問題なければ「次へ」に進みます。
4.実際にWebflowでテスト用のアイテムを作成しましょう！
Webflowの内容をYoomと連携するために、「テスト」をクリックしてください。
テストが成功した場合は、アウトプット（取得した値）を取得できます。
実際の設定では、各項目に具体的な値が反映されます。
こちらの値は次の設定に活用するので、取得された内容を確認して保存しましょう。
ステップ4:KnackにRecordを追加する設定
1.あっという間に最後の設定項目です！これまでと同様に以下の赤枠をクリックします。
2.以下の画面でYoomと連携するアカウントを選択します。
先ほどと同様にタイトルとアカウント情報を確認し、アクションは「Create Record」のまま「次へ」をクリックして進んでください。
3.画面が切り替わったら、任意の「Object ID」を入力します。
4.その他の項目は、「取得した値」などを活用しながら任意で設定しましょう。
5.設定完了後に、「テスト」をクリックします。
テストが成功したら、Knackに追加できていることを確認しましょう！
6.確認後、「保存する」をクリックしてください。
ステップ5:トリガーをONに設定して動作確認
最後に「トリガーをON」をクリックしたら、自動化の設定は完了です！
フローボットが正しく起動することを確認しましょう。
以上が、Webflow APIの連携方法とそれを活用した実際のフローボット作成方法でした！
Webflow APIを活用した自動化の例
今回紹介した事例以外でも、Yoomではさまざまなサービスとの連携が可能で、それぞれに対応したテンプレートが用意されています。
普段使用しているサービスと連携できるテンプレートを活用して、Webflowを使った業務フローを自動化しましょう！
1. Webflowフォームを起点とした顧客・データ連携
Webflowのフォームが送信されたら、HubSpotにチケットを作成したり、SalesforceやGoogleスプレッドシートに情報を追加したりできます。
これにより、リード管理からCRM連携、データ集計まで、Webサイトからの情報を自動で活用し、営業・マーケティング活動を効率化できるはずです。
Webflowのフォームが送信されたらHubSpotにチケットを作成する
試してみる
■概要
Webflowのフォームが送信されたらHubSpotにチケットを作成するフローです。
■このテンプレートをおすすめする方
1.カスタマーサポートチーム
・顧客からの問い合わせやリクエストを効率的に管理したいチーム
・フォーム送信内容を自動でチケット化し、迅速に対応したいサポート部門
2.営業部門
・見込み顧客の問い合わせを効率的に管理し、迅速に対応したい営業チーム
・フォームから送信された情報を基に、フォローアップアクションを実行したい部門
3.マーケティング部門
・顧客のフィードバックやリクエストをHubSpotで一元管理し、マーケティング活動に活用したいチーム
4.IT部門やシステム管理者
・フォーム送信内容を一元管理し、システム上で効率的に対応したい部門
■このテンプレートを使うメリット
・顧客からの問い合わせやリクエストにリアルタイムで対応でき、顧客満足度の向上に繋がります。
・チケット作成の手間を省けるため作業時間を大幅に短縮することができます。
■注意事項
・Webflow、HubSpotのそれぞれとYoomを連携させてください。
Webflowのフォームが送信されたらSalesforceに追加する
試してみる
■概要
Webflowのフォームが送信されたらSalesforceに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowを使ってサイト管理をしている方
・問い合わせやリード情報の取得でフォームを活用している企業
・問い合わせやリードの対応をスピーディーに行いたい方
2.業務でSalesforceを使用している方
・Salesforceへのフォーム内容の追加を自動化したい方
・顧客情報をSalesforceで一元管理している営業チーム
■このテンプレートを使うメリット
Webflowに送信されたフォーム内容の確認は、ダッシュボードや指定のメールアドレスから確認できますが、毎回アクセスするのは非効率的です。
また、フォーム内容をSalesforceに手動で追加している場合、誤入力や入力漏れといったヒューマンエラーの発生が懸念されます。
このテンプレートは、SalesforceにWebflowのフォーム内容を自動で追加することができます。
手動によるデータ入力が不要となるため、データを正確にSalesforceに反映することができ、問い合わせやリード情報の管理が楽になります。
フローの後にチャットツールと連携することで、問い合わせやリード情報の反映後に特定のメンバーに情報共有することが可能です。
■注意事項
・Webflow、SalesforceのそれぞれとYoomを連携してください。
・Salesforceはチームプラン・サクセスプランでのみご利用いただけるアプリとなっております。フリープラン・ミニプランの場合は設定しているフローボットのオペレーションやデータコネクトはエラーとなりますので、ご注意ください。
・チームプランやサクセスプランなどの有料プランは、2週間の無料トライアルを行うことが可能です。無料トライアル中には制限対象のアプリを使用することができます。
Webflowのフォームが送信されたらGoogleスプレッドシートに追加する
試してみる
■概要
Webflowのフォームが送信されたらGoogleスプレッドシートに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowを活用してWebサイトを構築している方
・Webflowで自社サイトやサービスを運営している企業
・フォーム内容をGoogleスプレッドシートに自動で追加したい方
2.Googleスプレッドシートで情報管理をしている方
・GoogleスプレッドシートでWebflowのフォーム内容を管理している方
・顧客情報の管理でGoogleスプレッドシートを活用している方
■このテンプレートを使うメリット
Webflowのフォームは、問い合わせやリード情報の取得に役立ちますが、都度ダッシュボードから確認するのは手間です。
また、Googleスプレッドシートにフォーム内容を手動で追加している場合、時間がかかり非効率的です。
このテンプレートは、Webflowのフォーム内容を自動でGoogleスプレッドシートに追加することができるため、ダッシュボードからフォーム内容を確認する手間を減らすことができます。
データ入力も自動化することができるため、手作業に比べてデータの正確性が高まり、情報管理を効率化することができます。
また、Googleスプレッドシートへの情報の追加がスピーディーに行われるため、チーム内の情報共有をスムーズにすることが可能です。
■注意事項
・Webflow、GoogleスプレッドシートのそれぞれとYoomを連携してください。
フォームのテキストを抽出してBrevoでコンタクトを作成したり、Pipedriveの組織にノートを追加したり組織を追加することも可能です。
これにより、フォームから得た詳細情報を直接CRMに連携させ、顧客管理の精度と効率を高めます。
Webflowでフォームが送信されたら、テキストを抽出しBrevoでコンタクトを作成する
試してみる
■概要
Webサイトのフォーム運用において、Webflowから得たリード情報を手動でBrevoに登録する作業は、手間がかかり入力ミスの原因にもなりがちではないでしょうか。特に、WebflowとBrevoを連携させてマーケティング活動を行っている場合、この非効率な作業がボトルネックになることもあります。このワークフローを活用すれば、Webflowのフォーム送信をトリガーに、必要な情報を自動で抽出しBrevoへコンタクトを新規作成できるため、こうした課題をスムーズに解消できます。
■このテンプレートをおすすめする方
- Webflowで獲得したリード情報を手作業でBrevoに登録している方
- WebflowとBrevoを連携させ、リード管理を効率化したいと考えている方
- フォームからのコンタクト登録を自動化し、作業ミスを減らしたいマーケターの方
■このテンプレートを使うメリット
- Webflowのフォーム送信後、自動でBrevoにコンタクトが作成されるため、これまで手作業で行っていた登録作業の時間を短縮できます
- 手動でのデータ転記が不要になることで、入力情報の誤りや登録漏れといったヒューマンエラーの防止に繋がり、データ精度が向上します
■フローボットの流れ
- はじめに、BrevoとWebflowをYoomと連携します
- 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
- その後、オペレーションでAI機能の「テキスト抽出」を設定し、フォームの送信内容から必要な情報を取り出します
- 最後に、オペレーションでBrevoの「コンタクトを作成」アクションを設定し、抽出した情報を元に新しいコンタクトを登録します
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- AI機能の「テキスト抽出」では、Webflowのフォームからどの情報（例：氏名、メールアドレスなど）を抽出するかを任意で設定してください
- Brevoでコンタクトを作成する際、どのリストに登録するかを設定し、メールアドレスや氏名などの各項目に、前のステップで抽出した値を紐付けてください
■注意事項
Webflowでフォームが送信されたら、テキストを抽出しPipedriveで組織を追加する
試してみる
■概要
Webサイトのフォームから問い合わせがあった際、その都度CRMツールに手動で情報を入力する作業は手間がかかるだけでなく、入力ミスや対応漏れの原因にもなり得ます。特に、Webサイト制作にWebflow、顧客管理にPipedriveを利用している場合、この連携を自動化したいと感じる方も多いのではないでしょうか。
このワークフローを活用すれば、Webflowのフォーム送信をきっかけに、Pipedriveへ自動で組織情報を追加できますので、こうした定型業務を効率化し、本来注力すべきコア業務に集中できます。
■このテンプレートをおすすめする方
- WebflowとPipedriveを活用し、手作業でのデータ入力に手間を感じている方
- Webサイトからのリード情報をPipedriveで管理しており、対応速度を向上させたい方
- ノーコードツールの連携によって、マーケティングや営業活動の自動化を検討している方
■このテンプレートを使うメリット
- Webflowのフォームが送信されると自動でPipedriveに組織が追加されるため、手作業でのデータ転記にかかっていた時間を短縮できます。
- システムが自動で処理を行うため、手作業による入力間違いや登録漏れといったヒューマンエラーの発生を防ぎ、データの正確性を保ちます。
■フローボットの流れ
- はじめに、PipedriveとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します。
- 次に、オペレーションでAI機能の「テキスト抽出」を設定し、フォームで送信された情報から必要なテキストを抽出します。
- 最後に、オペレーションでPipedriveの「組織を追加」アクションを設定し、前のステップで抽出した情報を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- AI機能の「テキスト抽出」では、Webflowのフォームから受け取った情報のうち、どの項目（会社名など）を抽出するかを任意で設定してください。
- Pipedriveに組織を追加するアクションでは、組織名や連絡先などの各項目に、事前のアクションで取得した値や任意の内容を割り当てて設定を行なってください。
■注意事項
Webflowでフォームが送信されたら、テキストを抽出しPipedriveの組織にノートを追加する
試してみる
■概要
Webflowで構築したサイトのフォームから得たリード情報を、顧客管理のためにPipedriveへ手作業で転記していませんか？この作業は手間がかかるだけでなく、コピー＆ペーストのミスで重要な顧客情報を誤って登録するリスクも伴います。このワークフローは、WebflowとPipedriveを連携させ、フォームが送信されるとPipedriveの組織情報に自動でノートを追加します。手入力の手間を削減し、迅速で正確な顧客アプローチを実現します。
■このテンプレートをおすすめする方
- Webflowで獲得したリードをPipedriveで管理し、営業活動を行っている方
- WebflowとPipedrive間の手動でのデータ入力をなくし、業務を効率化したいと考えている方
- フォームからの問い合わせに素早く対応し、営業機会の損失を防ぎたいマーケティング・営業担当者の方
■このテンプレートを使うメリット
- Webflowのフォームが送信されると、Pipedriveへ自動でノートが追加されるため、これまで手作業で行っていたデータ入力の時間を短縮することができます
- 手作業での情報転記がなくなることで、入力漏れや項目間違いといったヒューマンエラーを防ぎ、顧客データの正確性を維持することに繋がります
■フローボットの流れ
- はじめに、WebflowとPipedriveをYoomと連携します
- 次に、トリガーでWebflowを選択し、「フォームが送信されたら」というアクションを設定します
- 最後に、オペレーションでPipedriveの「ノートを追加」アクションを設定し、フォームから送信された情報をノートの内容として紐付けます
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Pipedriveにノートを追加するアクションでは、Webflowのフォームから取得した会社名やお問い合わせ内容といった値や、任意のテキストを組み合わせてノートの内容を自由に設定してください
■注意事項
2. Webflowコレクションアイテム作成からの外部サービス連携
Webflowでコレクションのアイテムが作成されたら、Airtableへの追加、WordPressでの新規投稿作成、WooCommerceでの商品作成、Klaviyoでのプロフィール作成、Brevoでのキャンペーンレポート作成が可能です。
これにより、Webサイトのコンテンツ更新に伴う情報連携、ECサイトの商品同期など、多岐にわたる業務を自動化し、コンテンツ管理とマーケティング活動の効率化に繋がります。
Webflowでアイテムが作成されたら、WooCommerceで商品を作成する
試してみる
■概要
Webflowでデザイン性の高いサイトを構築し、WooCommerceでEコマースを展開しているものの、商品情報の二重入力に手間を感じていませんか？手作業での登録は時間がかかるだけでなく、入力ミスの原因にもなり得ます。
このワークフローを活用すれば、Webflowのコレクションにアイテムを追加するだけで、WooCommerceに商品情報が自動で作成されます。WooCommerceとWebflowのスムーズな連携を実現し、商品登録に関わる一連の作業を効率化します。
■このテンプレートをおすすめする方
- WebflowとWooCommerceを併用し、商品を手作業で登録しているECサイトの運営担当者の方
- WooCommerceとWebflowを連携させ、商品管理のプロセスを自動化したいと考えている方
- サイト更新と商品登録の二重入力をなくし、本来のコア業務に集中したいと考えている方
■このテンプレートを使うメリット
- Webflowのコレクションにアイテムが追加されると、自動でWooCommerceへ商品が作成されるため、これまで手作業に費やしていた時間を短縮できます。
- 手作業によるデータ転記が不要になるため、商品情報の入力間違いや登録漏れといったヒューマンエラーの発生を防ぎ、データの正確性を保ちます。
■フローボットの流れ
- はじめに、WebflowとWooCommerceをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWooCommerceの「商品を作成」アクションを設定し、Webflowから取得した情報をもとに商品が作成されるようにします。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- WooCommerceで商品を作成するアクションを設定する際に、Webflowのトリガーで取得したアイテムの情報を活用して、商品名や価格、説明文などの各項目を設定してください。
■注意事項
- Webflow、WooCommerceのそれぞれとYoomを連携してください。
- WebflowのDescriptionを取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
Webflowでアイテムが作成されたら、WordPressで新規投稿を作成する
試してみる
■概要
Webflowで作成したブログ記事やニュースなどのコンテンツを、WordPressで運用しているサイトにも掲載するため、都度手作業でコピー＆ペーストをしていませんか。
この作業は手間がかかるだけでなく、転記ミスや更新漏れの原因にもなりがちです。
このワークフローは、WebflowとWordPressを連携させることで、Webflowで新しいアイテムが作成された際に、その内容を元にWordPressへ自動で新規投稿を作成します。コンテンツ管理の二度手間を解消し、業務を効率化します。
■このテンプレートをおすすめする方
- WebflowとWordPressの両方でコンテンツを管理しており、二重入力の手間を省きたいWeb担当者の方
- Webflowで作成したCMSアイテムを、WordPressサイトへ迅速かつ正確に反映させたい方
- 手作業によるコンテンツの転記ミスを防ぎ、更新作業の属人化を解消したいと考えているチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムを作成するだけでWordPressへの投稿が自動で完了するため、コピー＆ペーストなどの転記作業にかかっていた時間を短縮できます。
- 人の手によるデータ転記が不要になるため、タイトルや本文の内容間違い、投稿漏れといったヒューマンエラーの発生を防ぐことに繋がります。
■フローボットの流れ
- はじめに、WebflowとWordPressをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでWordPressを選択し、「新規投稿を作成」アクションを設定し、トリガーで取得したWebflowのアイテム情報を紐付けます。
■このワークフローのカスタムポイント
- WordPressで新規投稿を作成するアクションでは、投稿のタイトルや本文、抜粋などの項目を設定する際に、Webflowから取得した値を動的に埋め込むことが可能です。
- 投稿ステータス（公開、下書きなど）やカテゴリ、タグといった項目に、特定の値を固定で設定することもできます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■注意事項
- Webflow、WordPressのそれぞれとYoomを連携してください。
Webflowでアイテムが公開されたら、テキストを抽出してKlaviyoでプロフィールを作成する
試してみる
■概要
Webflowで公開したサイトから獲得したリード情報を、Klaviyoへ手作業で登録していませんか。この作業は時間もかかり、転記ミスなどのヒューマンエラーも起こりがちです。
このワークフローを活用すれば、Webflowで新しいアイテムが公開されると、その情報を基にKlaviyoのプロフィールを自動で作成します。KlaviyoとWebflowを連携させることで、手作業による登録作業をなくし、マーケティング活動を円滑に進めることが可能になります。
■このテンプレートをおすすめする方
- WebflowとKlaviyoを利用しており、顧客情報の登録作業を自動化したい方
- Webflowで獲得したリードをKlaviyoのリストへ迅速に反映させたいマーケターの方
- 手作業によるデータ転記の手間や、入力ミスなどのヒューマンエラーを削減したい方
■このテンプレートを使うメリット
- Webflowでアイテムが公開されると自動でKlaviyoにプロフィールが作成され、手作業でのデータ入力に費やしていた時間を短縮できます。
- システムが自動で処理を行うため、手作業による転記ミスや登録漏れといったヒューマンエラーを防ぎ、データの正確性を保つことに繋がります。
■フローボットの流れ
- はじめに、KlaviyoとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
- 続いて、オペレーションでテキスト抽出機能を選択し、Webflowから取得した情報の中から必要なテキストを抽出します。
- 最後に、オペレーションでKlaviyoを選択し、「プロフィールを作成」アクションを設定して、抽出した情報を基にプロフィールを作成します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- テキスト抽出のオペレーションでは、Webflowから取得した情報のうち、Klaviyoでのプロフィール作成に利用したい項目（氏名やメールアドレスなど）を任意で設定してください。
- Klaviyoでプロフィールを作成するアクションでは、前のステップで抽出したテキストデータを、Klaviyoのどのプロフィール項目に紐付けるかなどを任意で設定してください。
■注意事項
Webflowでコレクションのアイテムが作成されたらAirtableに追加する
試してみる
■概要
Webflowでコレクションのアイテムが作成されたらAirtableに追加するフローです。
■このテンプレートをおすすめする方
1.Webflowでコンテンツ管理をしている方
・WebflowのコレクションをAirtableでも管理している方
・コレクションの追加をAirtableに手動で行っている方
2.Airtableでデータ管理をしている方
・WebflowのコレクションをAirtableで一元管理している方
・WebflowとAirtableを連携して業務を効率化したい方
■このテンプレートを使うメリット
Webflowで作成された情報をAirtableで管理している場合、手動による追加作業が必要となるため、非効率的です。
また、Airtableへの手動による情報追加はミスの発生リスクを高める可能性があり、効率化したいと感じているかもしれません。
このテンプレートは、Webflowでコレクションのアイテムが作成されるとAirtableに自動で追加することができ、手動による作業が不要になります。
Webflowにおけるデータ更新が頻繁に行われる場合でも、Airtableへの情報追加がスピーディーに行われるため、チーム全体で常に最新の情報を確認することができます。
作業が効率化されることで、コレクションの管理や分析業務の時間を確保することが可能です。
■注意事項
・Webflow、AirtableのそれぞれとYoomを連携してください。
Webflowでフォームが送信されたら、テキストを抽出しBrevoでキャンペーンレポートを作成する
試してみる
■概要
Webflowのフォームから得た情報を、手作業でBrevoのキャンペーンに反映させる作業に時間を取られていませんか。このプロセスは手間がかかるだけでなく、転記ミスなどのヒューマンエラーを引き起こす可能性もあります。このワークフローを活用すれば、WebflowとBrevoの連携を自動化し、フォーム送信内容からテキストを抽出してキャンペーンレポートを自動で作成できるため、手作業をなくし、正確で迅速なマーケティング活動を支援します。
■このテンプレートをおすすめする方
- Webflowで収集した情報を基に、Brevoでマーケティング活動を行っている担当者の方
- WebflowとBrevo間の手作業によるデータ連携に、非効率さやミスを感じている方
- BrevoとWebflowを活用したマーケティング施策の自動化に関心のある方
■このテンプレートを使うメリット
- Webflowのフォーム送信からBrevoのレポート作成までの一連の流れが自動化されるため、これまで手作業に費やしていた時間を短縮できます。
- 手作業によるテキストの抽出や転記が不要になることで、入力内容の間違いや情報の抜け漏れといったヒューマンエラーの防止に繋がります。
■フローボットの流れ
- はじめに、BrevoとWebflowをYoomと連携します。
- トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」アクションを設定し、フォーム送信などを検知します。
- 次に、オペレーションでAI機能の「テキスト抽出」アクションを設定し、Webflowから取得した情報から必要なテキストを抽出します。
- 最後に、オペレーションでBrevoの「キャンペーンレポートを送信」アクションを設定し、抽出したテキストなどを用いてレポートを作成します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- AI機能のテキスト抽出では、Webflowから取得した情報のうち、どの項目を抽出するかを任意で設定してください。
- Brevoでキャンペーンレポートを送信するアクションでは、前のステップで抽出したテキスト情報や、その他任意の内容を組み合わせて設定を行なってください。
■注意事項
・Webflow、BrevoのそれぞれとYoomを連携してください。
・WebflowのDescriptionを取得する方法は下記を参照ください。
https://intercom.help/yoom/ja/articles/5404443
3. Webflowのアイテム作成・更新を起点とした通知
Webflowでアイテムが作成または更新されたら、Microsoft Teams、Slack、Discordに通知できます。
これにより、Webサイトのコンテンツ更新状況をチームにリアルタイムで共有し、情報連携をスムーズにします。
Webflowでアイテムが作成されたら、Discordに通知する
試してみる
■概要
Webflowで新しいコンテンツやアイテムを作成した際、その更新情報をチームメンバーへ都度Discordで共有することに手間を感じていませんか。手動での通知は、共有漏れやタイムラグの原因にもなり得ます。このワークフローは、WebflowとDiscordをスムーズに連携し、アイテムが作成されると指定チャンネルへ自動で通知を送信するため、このような課題を解消し、チーム内の情報共有を円滑にします。
■このテンプレートをおすすめする方
- Webflowで管理するWebサイトの更新情報を、手作業でDiscordに通知している方
- WebflowとDiscordを連携させ、チームへの情報共有を迅速かつ自動化したい方
- 複数人でのサイト運営において、コンテンツ公開の通知漏れを防ぎたいチームリーダーの方
■このテンプレートを使うメリット
- Webflowでアイテムが作成されると自動でDiscordに通知が送信されるため、これまで手動での共有作業に費やしていた時間を短縮できます。
- 手作業による通知の遅延や共有漏れといったヒューマンエラーを防ぎ、チーム内での確実な情報共有を実現します。
■フローボットの流れ
- はじめに、WebflowとDiscordをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでDiscordを選択し、「メッセージを送信」アクションを設定し、通知したいメッセージ内容を記述します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Discordの「メッセージを送信」アクションで、通知を送信したいチャンネルを任意で設定してください。
- メッセージの本文には、固定のテキストだけでなく、トリガーで取得したWebflowのアイテム名や公開URLといった情報を動的に含めることが可能です。
■注意事項
- Webflow、DiscordのそれぞれとYoomを連携してください。
Webflowでアイテムが作成されたら、Slackに通知する
試してみる
■概要
Webflowで新しいブログ記事や制作実績などのアイテムを公開するたびに、手作業でSlackに共有するのは手間がかかるうえ、通知漏れも発生しがちです。
このような反復作業に時間を取られていませんか？
このワークフローを活用すれば、WebflowとSlackをスムーズに連携させ、アイテムの作成をトリガーに自動でSlackへ通知できます。
手作業による共有の手間をなくし、チーム内での迅速な情報共有を実現します。
■このテンプレートをおすすめする方
- Webflowで管理するサイトの更新情報を、手作業でSlackに通知しているWeb担当者の方
- WebflowとSlackを活用し、チームでのコンテンツ制作やレビューの連携を円滑にしたい方
- WebflowからSlackへの通知を自動化し、情報共有のスピードと確実性を高めたい方
■このテンプレートを使うメリット
- Webflowでアイテムが作成されると、自動でSlackにメッセージが送信されるため、これまで手動での共有に費やしていた時間を短縮できます。
- 手作業で起こりがちな通知忘れや共有漏れといったヒューマンエラーを防ぎ、関係者への確実な情報伝達が可能になります。
■フローボットの流れ
- はじめに、WebflowとSlackをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 最後に、オペレーションでSlackを選択し、「チャンネルにメッセージを送る」アクションを設定し、通知したいメッセージ内容を作成します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Slackにメッセージを送信する際、通知先のチャンネルは任意で設定してください。
- 通知メッセージの内容は、Webflowのトリガーで取得したアイテム名やURLといった動的な情報と、固定のテキストを組み合わせて自由に作成できます。
■注意事項
- Webflow、SlackのそれぞれとYoomを連携してください。
Webflowでコレクションのアイテムが公開されたら、Microsoft Teamsに通知する
試してみる
■概要
Webflowで新しいコンテンツを公開するたびに、チームへの共有を手作業で行うことに手間を感じていませんか。手動での連絡は時間がかかるだけでなく、共有漏れなどのミスにつながる可能性もあります。このワークフローは、WebflowのAPIを活用し、コレクションアイテムが公開されると自動でMicrosoft Teamsへ通知する仕組みを構築するため、このような課題を解消し、迅速で確実な情報共有を実現します。
■このテンプレートをおすすめする方
- Webflowでコンテンツを管理しており、Microsoft Teamsでの共有を自動化したい方
- WebflowのAPIを利用した業務効率化に関心がある、Webサイトの運営担当者の方
- 手作業による情報伝達のタイムラグや、共有漏れといった課題を解消したい方
■このテンプレートを使うメリット
- Webflowでアイテムが公開されると自動で通知が送られるため、手作業での連絡に費やしていた時間を他の業務に充てることができます。
- 手動での共有作業が不要になることで、通知の漏れや遅延といったヒューマンエラーを防ぎ、確実な情報伝達を実現します。
■フローボットの流れ
- はじめに、WebflowとMicrosoft TeamsをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
- 最後に、オペレーションでMicrosoft Teamsを選択し、「チャネルにメッセージを送る」アクションを設定して、任意のチャネルに通知を送信します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Webflowのトリガー設定では、通知の対象とするサイトIDとコレクションIDを任意で指定することが可能です。
- Microsoft Teamsのオペレーションでは、通知を送信するチームやチャネルを自由に設定できます。
- 通知メッセージの本文は、固定のテキストだけでなく、Webflowから取得したアイテム名や公開URLといった情報を変数として埋め込むなど、柔軟なカスタマイズが可能です。
■注意事項
- Webflow、Microsoft TeamsのそれぞれとYoomを連携してください。
- Microsoft365（旧Office365）には、家庭向けプランと一般法人向けプラン（Microsoft365 Business）があり、一般法人向けプランに加入していない場合には認証に失敗する可能性があります。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
Webflowでアイテムが公開されたら、Discordに通知する
試してみる
■概要
Webflowで新しいコンテンツを公開するたびに、チームへの共有を手作業で行うのは手間がかかり、更新のたびに負担に感じてしまうことも少なくありません。このワークフローは、そうしたWebflowでのサイト更新とDiscordでのチーム共有に関する課題を解決します。Webflowのコレクションで新しいアイテムが公開されると、その情報が自動でDiscordの指定チャンネルに通知されるため、手作業による共有の手間や連絡漏れを防ぐことが可能です。
■このテンプレートをおすすめする方
- Webflowで管理するサイトの更新情報を、Discordでチームに共有している方
- コンテンツ公開時の手動による通知作業をなくし、より迅速な情報連携を実現したい方
- チーム内の情報共有プロセスを自動化し、コンテンツ制作の効率を高めたいと考えている方
■このテンプレートを使うメリット
- Webflowでアイテムを公開するだけで自動でDiscordに通知が飛ぶため、これまで手作業での連絡に費やしていた時間を短縮できます
- 手動での通知による、連絡のし忘れや内容の間違いといったヒューマンエラーを防ぎ、確実な情報共有を実現します
■フローボットの流れ
- はじめに、WebflowとDiscordをYoomと連携する
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定する
- 最後に、オペレーションでDiscordの「メッセージを送信」アクションを設定し、Webflowから取得した情報を含んだメッセージを送信する
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Discordのオペレーション設定では、通知を送信したいチャンネルを任意で選択してください
- 送信するメッセージの内容は自由にカスタマイズ可能です。Webflowのトリガーで取得したアイテム名やURLなどの情報を本文に含めることで、より分かりやすい通知を作成できます
■注意事項
- Webflow、DiscordのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
Webflowでアイテムが削除されたら、Slackに通知する
試してみる
■概要
Webflowで構築したサイトのコンテンツをチームで管理していると、誰がいつどのアイテムを削除したのか把握しきれず、意図しない変更に気づくのが遅れてしまうことはないでしょうか。このワークフローは、そうしたWebサイト運営における情報共有の課題を解決します。Webflowでコレクションのアイテムが削除された際に、その内容を自動でSlackに通知するため、コンテンツの変更履歴をスピーディーに追跡し、サイト管理の透明性を高めることが可能です。
■このテンプレートをおすすめする方
- Webflowで構築したサイトのコンテンツ管理を担当し、変更履歴の把握に課題を感じている方
- チームでWebflowサイトを運用しており、アイテムの削除情報をSlackで迅速に共有したい方
- 手動での確認作業をなくし、WebflowとSlackの連携によってサイト運営を効率化したい方
■このテンプレートを使うメリット
- Webflowでアイテムが削除されると自動でSlackに通知が届くため、手動での確認作業や情報共有の手間を省き、本来の業務に集中できます
- 重要なコンテンツが意図せず削除された場合でも即座に検知できるので、確認漏れといったヒューマンエラーを防ぎ、迅速な対応を可能にします
■フローボットの流れ
- はじめに、WebflowとSlackをYoomと連携します
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが削除されたら」というアクションを設定し、対象のサイトとコレクションを指定します
- 最後に、オペレーションでSlackの「チャンネルにメッセージを送る」アクションを設定し、削除されたアイテムの情報を指定のチャンネルに通知するように設定します
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Slackのオペレーション設定では、通知を送信したいチャンネルを任意で設定してください
- 通知するメッセージの内容は、トリガーで取得した削除アイテムの情報を含めたり、任意のテキストを追加したりして、自由にカスタマイズが可能です
■注意事項
- Webflow、SlackのそれぞれとYoomを連携してください。
アイテムの内容を抽出してMailchimpでキャンペーンを作成したり、OpenAIで要約してメールで通知したりできます。
これにより、Webサイトのコンテンツを元にしたマーケティングキャンペーンの自動作成や、コンテンツの要約・共有をスムーズに行えます。
Webflowでアイテムが公開されたら、テキストを抽出してMailchimpでキャンペーンを作成する
試してみる
■概要
Webflowで公開した新しいコンテンツや製品情報を、手作業でMailchimpのメールキャンペーンに反映させる作業に、手間や時間を取られていませんか。このワークフローを活用することで、WebflowとMailchimpをノーコードで連携させ、アイテムが作成されたタイミングで自動的にキャンペーンを作成できます。Webサイトの公開からメールマーケティング施策までをスムーズに繋げ、一貫性のある情報発信を効率的に実現します。
■このテンプレートをおすすめする方
- MailchimpとWebflowを用いて、コンテンツ公開やメール配信を手作業で行っているWeb担当者の方
- Webflowのアイテム情報を活用したメールキャンペーンの作成を自動化し、業務効率を改善したい方
- Webサイト公開から顧客への情報発信までの時間を短縮し、マーケティング活動を迅速化したい方
■このテンプレートを使うメリット
- Webflowでアイテムを公開するだけで、関連するMailchimpのキャンペーンが自動で作成されるため、これまで手作業で行っていた情報入力の時間を短縮できます。
- 手動でのコピー＆ペースト作業が不要になるため、キャンペーンの件名や本文における転記ミスや設定漏れといったヒューマンエラーの発生を防ぎます。
■フローボットの流れ
- はじめに、MailchimpとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが公開されたら」というアクションを設定します。
- 次に、オペレーションの「テキスト抽出」を活用し、トリガーで取得したWebflowのアイテム情報から、キャンペーン作成に必要なテキストを抽出します。
- 最後に、オペレーションでMailchimpの「キャンペーンを作成」アクションを設定し、前のステップで抽出したテキスト情報などを紐付けてキャンペーンを作成します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- テキスト抽出のオペレーションでは、Webflowのアイテム情報から抽出したい項目（タイトルや本文など）を任意で設定してください。
- Mailchimpでキャンペーンを作成するアクションでは、キャンペーンの件名や本文などの各項目に、前のステップで取得した値や任意のテキストを組み合わせて設定してください。
■注意事項
Webflowでアイテムが作成されたら、OpenAIで内容を要約してメールで通知する
試してみる
■概要
Webflowで新しいコンテンツを公開する際、その内容を要約して関係者へ共有する作業に手間を感じていませんか。手作業での要約は時間がかかるだけでなく、本来の業務を圧迫することもあります。このワークフローは、WebflowとOpenAIを連携させ、アイテムが作成されると自動で内容を要約しメールで通知します。このWebflowとOpenAIの連携により、コンテンツ更新後の共有プロセスを効率化し、迅速な情報伝達を実現します。
■このテンプレートをおすすめする方
- Webflowでコンテンツを頻繁に更新し、その都度内容の共有を行っている方
- OpenAIを活用して、Webflowのコンテンツ要約などの作業を自動化したい方
- WebflowとOpenAIの連携による情報共有の自動化で、業務効率化を進めたい方
■このテンプレートを使うメリット
- Webflowにアイテムが作成されるとOpenAIが自動でテキストを要約しメール通知するため、手作業での要約や共有にかかる時間を短縮できます。
- WebflowとOpenAIの自動連携により、要約内容のブレやメールの送信漏れといった人的ミスを防ぎ、安定した情報共有を実現します。
■フローボットの流れ
- はじめに、OpenAIとWebflowをYoomと連携します。
- 次に、トリガーでWebflowを選択し、「コレクションのアイテムが作成されたら」というアクションを設定します。
- 次に、オペレーションでOpenAIの「テキストの生成（Chat completion）」アクションを設定し、Webflowから取得したテキストを要約します。
- 最後に、オペレーションでYoomの「メールを送る」アクションを設定し、OpenAIが生成した要約文を指定の宛先に送信します。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- OpenAIの「テキストの生成（Chat completion）」アクションでは、要約の指示（プロンプト）となるメッセージコンテンツを任意の内容に設定してください。また、利用するモデルIDも候補から選択が可能です。
- Yoomの「メールを送る」アクションでは、宛先、件名、本文などを任意で設定できます。WebflowやOpenAIのアクションで取得した値を活用して、通知内容をカスタマイズしてください。
■注意事項
4. 外部フォームからWebflowコレクションへのアイテム追加
GoogleフォームやTypeformの回答内容をトリガーに、Webflowのコレクションにアイテムを自動追加できます。
これにより、外部フォームで収集したデータをWebflowのCMSに効率的に連携させ、コンテンツ管理やサイト更新の手間を削減します。
Googleフォームの回答内容でWebflowのコレクションにアイテムを追加する
試してみる
■概要
Googleフォームで集めたお問い合わせやイベントの申し込み情報を、手作業でWebflowのCMSに転記していませんか？
この作業は手間がかかるだけでなく、コピー＆ペーストのミスや更新漏れが発生する原因にもなります。
このワークフローを活用すれば、Googleフォームに回答が送信されると、その内容が自動でWebflowのコレクションにアイテムとして追加されるため、こうした課題をスムーズに解消できます。
■このテンプレートをおすすめする方
- GoogleフォームとWebflowを利用し、コンテンツやデータベースを管理している方
- フォームから得た情報を手作業でWebサイトに反映しており、効率化したいと考えている方
- 手作業によるデータ転記での入力ミスをなくし、コンテンツの正確性を高めたい方
■このテンプレートを使うメリット
- Googleフォームへの回答送信をきっかけに、自動でWebflowへデータが連携されるため、これまで手作業での転記に費やしていた時間を短縮できます。
- 手作業によるコピー＆ペーストがなくなることで、入力間違いや更新漏れといったヒューマンエラーのリスクを軽減し、データの正確性を保ちます。
■フローボットの流れ
- はじめに、GoogleフォームとWebflowをYoomと連携します。
- 次に、トリガーでGoogleフォームを選択し、「フォームに回答が送信されたら」というアクションを設定します。
- 最後に、オペレーションでWebflowの「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容をWebflowの各フィールドに紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- Googleフォームのトリガー設定では、連携の対象としたいフォームのIDを任意で設定してください。
- Webflowでアイテムを追加するアクションを設定する際に、対象のサイトID、コレクションIDを任意で設定し、フォームの回答内容をどのフィールドに追加するかを設定してください。
■注意事項
- WebflowとGoogleフォームのそれぞれとYoomを連携してください。
- トリガーは5分、10分、15分、30分、60分の間隔で起動間隔を選択できます。
- プランによって最短の起動間隔が異なりますので、ご注意ください。
- Googleフォームでのアウトプットの取得方法は下記を参考にしてください。
https://intercom.help/yoom/ja/articles/5505530
Typeformの回答内容でWebflowのコレクションにアイテムを追加する
試してみる
■概要
Typeformで収集したアンケート回答やお問い合わせ内容を、Webflowで作成したWebサイトのCMSに手作業で転記していませんか。この作業は時間がかかるだけでなく、コピー＆ペーストのミスも起こりがちです。このワークフローを活用すれば、Typeformのフォームが送信されると、その内容が自動でWebflowのコレクションアイテムとして追加されるため、こうした課題を解消し、迅速なコンテンツ更新を実現します。
■このテンプレートをおすすめする方
- Typeformで収集した顧客の声や事例をWebflowサイトに掲載している方
- 手作業によるデータ転記に時間を取られ、本来の業務に集中できていない方
- Webサイトへのコンテンツ反映を効率化し、情報発信のスピードを上げたい方
■このテンプレートを使うメリット
- Typeformに回答が送信されると、自動でWebflowにアイテムが追加されるため、データ転記にかかっていた作業時間を短縮できます。
- 手作業によるコピー＆ペーストが不要になるため、転記ミスや入力漏れといったヒューマンエラーを防ぎ、データの正確性を保ちます。
■フローボットの流れ
- はじめに、TypeformとWebflowをYoomと連携します。
- 次に、トリガーでフォームトリガー機能を選択し、「フォームが送信されたら」というアクションを設定し、対象のフォームを選択します。
- 最後に、オペレーションでWebflowを選択し、「コレクションにアイテムを追加」アクションを設定し、フォームの回答内容を紐付けます。
※「トリガー」：フロー起動のきっかけとなるアクション、「オペレーション」：トリガー起動後、フロー内で処理を行うアクション
■このワークフローのカスタムポイント
- フォームトリガーの設定で、自動化の対象としたいTypeformのフォームや、取得したい回答項目を任意で設定してください。
- Webflowのアクション設定では、アイテムを追加したい「サイトID」および「コレクションID」を正しく指定する必要があります。
- Typeformの各回答を、Webflowコレクションのどのフィールドに反映させるか、データのマッピングを任意で設定することが可能です。
■注意事項
- TypeformとWebflowのそれぞれとYoomを連携してください。
- トリガーでのアウトプット取得方法は下記を参考にしてください。
https://intercom.help/yoom/ja/articles/9103858
まとめ
Webflow APIを活用することで、これまで手作業で行っていたWebサイトのコンテンツ更新やフォームデータの転記作業が自動化され、業務の手間を削減し、ヒューマンエラーの発生を防ぎます！
これにより、担当者は単純な繰り返し作業から解放され、より創造的で重要なコア業務に集中できる時間を確保できます。
今回ご紹介したような業務自動化は、ハイパーオートメーションツール「Yoom」を使えば、プログラミングの知識がない方でも、画面の指示に従って操作するだけで直感的に連携フローを構築できます。
もしWebflowを使った業務の自動化に少しでも興味を持っていただけたなら、ぜひこちらから無料登録して、その効果を体験してみてください！
