WebflowとMicrosoft Excelを連携して、コレクション情報をMicrosoft Excelに自動蓄積する方法
WebflowとMicrosoft Excelを連携して、コレクション情報をMicrosoft Excelに自動蓄積する方法
Yoomを詳しくみる
この記事のテンプレートを試す
WebflowとMicrosoft Excelを連携して、コレクション情報をMicrosoft Excelに自動蓄積する方法
アプリ同士の連携方法

2025-03-26

WebflowとMicrosoft Excelを連携して、コレクション情報をMicrosoft Excelに自動蓄積する方法

k.hieda
k.hieda

Webflowはプログラミングの知識がなくても視覚的にウェブサイトを構築でき、多くの企業で活用されています。
この便利なツールをMicrosoft Excelと連携させることで、ウェブサイトの更新やコンテンツの進捗管理がよりスムーズに行えます。
例えば、コレクションデータを自動的にMicrosoft Excelに追加すると、コンテンツの作成日時や最終更新日時、アーカイブ状況を把握でき、ウェブ管理者やプロジェクトマネージャーの作業負担を軽減できます。

従来の連携方法ではプログラミングが必要であり、設定に手間がかかる場合がありました。
そこで、当社ではノーコードで簡単に実装できるフローボットテンプレートを提供しています。
この記事では、プログラミング不要の設定方法と具体的な活用方法を解説しますので、ぜひ最後までお読みください。

今すぐに試したい方へ

本記事ではノーコードツール「Yoom」を使用した連携方法をご紹介します。
難しい設定や操作は必要なく、非エンジニアの方でも簡単に実現できます。
下記のテンプレートから今すぐに始めることもできますので、ぜひお試しください!


Webflowでコレクションのアイテムが作成されたらMicrosoft Excelに追加するフローです。

WebflowとMicrosoft Excelを連携するメリット2選

ウェブ管理者とプロジェクトマネージャーの視点から、自動化による具体的なメリットを考察しました。

メリット1 ウェブサイトの更新とメンテナンスがスムーズに進む

Webflowから自動的にMicrosoft Excelにデータが追加されることで、サイト運営担当者は、アイテムの作成日時や最終更新日時、アーカイブのステータスを把握しやすくなります。
これにより、どのコンテンツが最新でどれが古くなっているかを素早く確認し、必要な更新作業に優先順位をつけることが可能です。
特に複数のページやコンテンツを管理する際、データを手動で追いかける必要がなくなり、サイト全体の整備が常に最新の状態で維持されます。
結果として、ユーザーに対する情報の正確さが向上し、ウェブサイトの信頼性向上も期待できます。

メリット2 進捗管理とコンテンツのステータスを簡単に把握できる

WebflowのコレクションデータがMicrosoft Excelに自動的に反映されることで、プロジェクトマネージャーはコンテンツの進行状況を確認できます。
たとえば、アイテムの作成日時や最終公開日時を基に、どのプロジェクトが進行中か、どのコンテンツが完成したかを把握でき、次のステップに素早く移行できます。
これにより、各タスクの進捗状況を個別に確認する手間が省け、メンバー間のコミュニケーションがより効率的になります。
さらに、アーカイブされたコンテンツを把握することで、プロジェクトの優先順位や再編集のタイミングも正確に判断でき、プロジェクト全体の計画がスムーズに進行します。

[Yoomとは]

WebflowとMicrosoft Excelを連携してできること

WebflowとMicrosoft ExcelのAPIを連携させることで、これまで手作業で行っていた二つのツール間の情報登録や更新作業を自動化できます。
これにより、作業時間を短縮し、入力ミスをなくすことで、業務の正確性とスピードを向上させることが可能です。

ここでは、具体的な自動化の事例をいくつかご紹介します。
アカウント登録(30秒で完了)後、「試してみる」ボタンをクリックするだけで、すぐにテンプレートを体験できるので、気になる内容があれば、ぜひクリックしてみてください!

Webflowでコレクションのアイテムが作成されたらMicrosoft Excelに追加する

Webflowで新しいコレクションアイテムが作成されると、その内容を自動でMicrosoft Excelに追加するフローです。
Webflowの更新内容をMicrosoft Excelに整理して蓄積できるため、データ管理を行いやすくなり、チームでの確認作業をスムーズに進められます


Webflowでコレクションのアイテムが作成されたらMicrosoft Excelに追加するフローです。

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

Webflowで注文が発生すると、その内容を自動でMicrosoft Excelに追加するフローです。
注文データをMicrosoft Excelにまとめて管理できるため、対応漏れを防ぎ、受注状況の把握や後続作業をスムーズに行えます


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

WebflowとMicrosoft Excelの連携フローの作り方

ここから「Webflowでコレクションのアイテムが作成されたらMicrosoft Excelに追加する」自動化をYoomのテンプレートを使い作り方を解説します。

※Microsoft 365(旧Office365)には、家庭向けプランと一般法人向けプラン(Microsoft 365 Business)があります。ご利用の環境によって(一般法人向けプランに加入していない場合)認証がうまくいかない可能性がありますので、ご留意ください。

今回はYoomというノーコード連携ツールを使用して、プログラミング不要で誰でも簡単に設定を進めていきますので、もしまだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

※今回連携するアプリの公式サイト:WebflowMicrosoft Excel

事前に準備するもの

連携作業の中で必要なものをご紹介します。

Webflow

  • アクセストークン
  • Webflowのダッシュボードで、対象のサイトを選択します。
  • 「Site Settings」に進み、「Apps & Integrations」をクリックします。
  • 「API Access」タブで、APIトークンを発行します。
  • APIトークン発行時に、「CMS」と「Sites」の「Read and Write」権限を設定してください。

Microsoft Excel

Microsoft Excelとの連携は、Microsoft SharepointかOneDriveを使って行います。そのため、Microsoft 365と連携します。

  • Microsoft 365のログイン情報
  • 今回はShare pointを使った方法のご紹介のため、Microsoft Sharepointのテスト環境をご用意ください。
  • サイトの作成
  • レコードを追加するMicrosoft Excelのアップロード 表は1行目をヘッダと認識するため1行目の列に項目を作ってください。
    ※項目にはユニークキーを挿入してください。もし同じ値がある場合は、値に連番をふるなど、システムがどの値か判別しやすくすることがポイントです。

ステップ1 マイアプリ登録

マイアプリ連携を先にしておくと、後の設定がスムーズに進みます。
まずは基本的な設定方法を解説しているナビをご覧ください!

Webflowのアプリ連携

Yoomで接続できるアプリ一覧が表示されます。一番上の検索窓から今回接続するアプリを検索し、マイアプリ登録を進めます。

「Webflow」で検索し、ヒットしたアプリ名をクリックします。こちらの画面が表示されます。

アカウント名には任意の文字列(メールアドレスなど)、アクセストークンにはWebflowで取得した値を入力し、追加ボタンをクリックします。

Microsoft Excelのアプリ連携

下記をご確認ください

アカウント情報を入力したら、追加ボタンをクリックするとマイアプリ登録が完了です。

ステップ2 Yoomのテンプレートをマイプロジェクトへコピーする

こちらのバナーをクリックします。Yoomワークスペースの「マイプロジェクト」にテンプレートがコピーされます。


Webflowでコレクションのアイテムが作成されたらMicrosoft Excelに追加するフローです。

マイプロジェクトにテンプレートがコピーされます。

赤枠内のタイトルをクリックすると、設定画面に遷移します。

ステップ3 アプリトリガー「コレクションのアイテムが作成されたら」

プロセスの1つ目をクリックします。Webflowで該当のサイトとの連携と、抽出するアウトプットを設定します。

(1/3)連携アカウントとアクションを選択

以下はあらかじめ設定済みのため操作は不要です。

  • タイトル
  • データベースのアプリ
  • Webflowと連携するアカウント情報
  • 実行アクション

→次へをクリック

(2/3)アプリトリガーのAPI 接続設定

サイトIDの編集欄をクリックするとプルダウンが開き、候補が表示され、候補から選択すると自動でIDが引用されます。または、下記の方法でも取得できます。

  • Webflowのダッシュボードで、対象のサイトを選択します。
  • 「Site Settings」に進み、「General」タブを開きます。
  • ページをスクロールしていくと、「Site ID」が表示されているので、そこから確認・コピーすることができます。

→テストをクリック →成功

→次へをクリックします

(3/3)アプリトリガーのAPI接続設定

  • Webhookイベントとは
  • Webflow上でコレクションアイテムが作成または更新されると発生します。

→テストをクリック →成功 アウトプットではこちらの項目は取得できます。次のプロセスでMicrosoft Excelの表に紐付けます。

→保存するをクリック

ステップ4 データベースを操作する「レコードを追加する」

プロセスの2つ目をクリックします。ここでは、Microsoft Excelのデータベース連携と追加する情報の紐付けを行います。

(1/2)連携アカウントとアクションを選択

以下はあらかじめ設定済みのため操作は不要です。

  • タイトル
  • データベースのアプリ
  • Microsoft Excelと連携するアカウント情報
  • 実行アクション

同画面下にあるデータベースの連携に進みます。

デフォルトでは、ファイルの保存場所がOneDriveになっています。今回はMicrosoft SharePointを使うため、プルダウンから切り替えると、項目が表示されます。

  • サイトID
  • 編集欄をクリックすると、候補のサイトがピックアップされます。該当のサイトを選択すると、IDが引用されます。

  • ファイル名(任意)
  • 任意のファイル名を入力します。
  • アイテムID
  • 編集欄をクリックすると、候補のアイテム名がピックアップされます。該当のアイテムを選択すると、IDが引用されます。

  • シート名
  • 編集欄をクリックすると、候補のシート名がピックアップされます。該当のシート名を選択すると、IDが引用されます。
  • テーブル範囲
  • 「A1:G30」という形式で設定してください。今回はA〜Hがテーブル範囲のためA1:Hと入力しました。

→次へをクリック

(2/2)API接続設定