WebflowのデータをExcelで取得する方法｜3ステップで簡単連携

加藤龍彦
加藤龍彦
デジタルマーケティング
ExcelからWebflowのデータを直接取得。プログラミング不要で接続設定からデータ操作まで3ステップで完結します。リアルタイムデータ同期にも対応。



CData Excel Add-In for API を使えば、Excel から直接Webflow のデータ取得が可能になります。

この記事ではExcel Add-In の使い方を説明し、実際にWebflow のデータを取得していきます。記事の例ではSites テーブルを使いますが、同じことがCData Excel Add-In で取得できるすべてのWebflow のデータのテーブルに対して実行可能です。

Webflow とExcel の連携とは？

Webflow とExcel を連携することで、Webflow のデータをExcel シートにリアルタイムで取得・更新できるようになります。一度設定すれば「エクスポート → 編集 → インポート」の手作業が不要になり、常に最新データをExcel で扱えます。

Webflow とExcel を連携する方法の比較

Webflow のデータをExcel で扱う主な方法は3つあります。

方法 リアルタイム同期 双方向操作 技術的な知識
手動エクスポート（CSV） × × 不要
API / Power Query ○ △ 必要
CData Excel Add-In ○ ○ 不要

CData Excel Add-In はVBA やPower Query による開発なしでWebflow に接続できます。Excel のリボンメニューから操作するだけで、Webflow のデータを取得・追加・更新できます。

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

  • リアルタイムデータ同期：定期的な手動エクスポートが不要になります。Excel で「ワークブックのリフレッシュ」するだけで、常に最新のWebflow データを取得できます。
  • 双方向操作：Excel からWebflow へのデータ追加・更新も可能です。Excel をWebflow の編集フロントエンドとして活用できます。
  • コーディング・API 知識不要：API 仕様の知識やVBA スキルは一切不要です。Excel のリボンメニューから直感的に操作できます。
  • Excel の全機能を活用：ピボットテーブル、グラフ、条件付き書式など、Excel の豊富な分析・可視化機能をWebflow のライブデータに対してそのまま使えます。
  • 270以上のデータソースに対応：CData Excel Add-In はWebflow のほか、270を超えるSaaS・データベース・NoSQL データソースに対応しています。

Webflow への接続を設定

まずは、本記事右側のサイドバーからAPI Excel Add-In の無償トライアルをダウンロード・インストールしてください。30日間無償で、製品版の全機能が使用できます。

Webflow への接続には、Excel Add-in をインストールした後にExcel を起動して、「CData」タブ ->「データの取得」->「取得元：Webflow」とクリックしていきます。

Excel のCData タブからデータの取得アイコンをクリックして、取得元：Webflowを選択

接続エディタが表示されるので、接続プロパティを入力して「接続テスト」をクリックしてください。プロパティの取得方法について説明します。

認証

Webflow は、サイト、CMS コレクション、e コマースデータ、その他のリソースへの安全なアクセスを確保するために、OAuth 2.0 認証を使用します。この認証方式により、Webflow ワークスペースに安全に接続し、適切な認可のもとでリソースを管理できます。

OAuth 2.0 のセットアップと設定

ステップ 1：Webflow OAuth アプリケーションの作成

OAuth 認証をセットアップするには、以下のステップで進めます：

  1. Webflow Developer Portal にアクセスします
  2. Webflow アカウントの「Apps & Integrations」に移動します
  3. 「Register an App」をクリックして新しい OAuth アプリケーションを作成します
  4. アプリケーション名、説明、リダイレクト URI（CallbackURL）を設定します
  5. 接続で使用する Client ID と Client Secret をコピーします

必須の接続プロパティ

  • AuthScheme：OAuth に設定します（必須）
  • OAuthClientId：Webflow OAuth アプリケーションの Client ID（必須）
  • OAuthClientSecret：Webflow OAuth アプリケーションの Client Secret（必須）
  • CallbackURL：OAuth アプリケーションで指定したリダイレクト URI（必須）
  • InitiateOAuth：トークンを自動管理するには GETANDREFRESH に設定します（推奨）

必須の OAuth スコープ

Webflow API プロファイルでは、以下の OAuth スコープが必要です：

  • sites:read - サイト情報および設定への読み取りアクセス
  • pages:read - サイトページへの読み取りアクセス
  • cms:read - CMS コレクションおよびアイテムへの読み取りアクセス
  • forms:read - フォームおよびフォーム送信への読み取りアクセス
  • assets:read - メディアアセットおよびフォルダーへの読み取りアクセス
  • ecommerce:read - 製品、注文、在庫への読み取りアクセス
  • authorized_user:read - 認可されたユーザーへの読み取りアクセス

Webflow のデータの取得

接続設定が完了したら、いよいよWebflow のデータを取得してみましょう。

  1. 接続が完了すると、以下の「クエリを編集」画面が表示されます。
    2. クエリ編集画面
  2. 「テーブル/ビュー」項目の「選択」ボタンをクリックします。テーブル一覧が表示されるので、取得したいテーブルを選択してください。今回はSites を使います。
  3. 以下のようにテーブルのメタデータが自動で取得・表示されます。「最大行数」で取得するレコード数を調整することもできます。新規データの一括入力だけが目的の場合は、1行だけを取得するといったことも可能です。
    4. テーブルの情報
  4. 「シート名」にデータを追加するExcel シートの名前を入力します。デフォルトでは、取得するテーブル名がシート名になります。準備ができたら「OK」をクリックすると、データが取得されます（以下はすべてサンプルデータです）。
    5. 取得したWebflow のデータ

よくある質問

はい。CData Excel Add-In では「ワークブックのリフレッシュ」でいつでも最新データに更新できます。
不要です。Excel のリボンメニューから操作するだけで、Webflow のデータを取得・更新できます。
はい。接続プロパティの設定のみで利用できます。API 呼び出しはCData Excel Add-In が自動的に処理します。
「最大行数」で制御できます。デフォルトはすべてのレコードを取得します。

Webflow からExcel へのデータ連携には、ぜひCData Excel Add-In をご利用ください

このようにCData Excel Add-In と併用することで、270を超えるSaaS、NoSQL データをExcel からコーディングなしで扱うことができます。30日の無償評価版が利用できますので、ぜひ自社で使っているクラウドサービスやNoSQL と合わせて活用してみてください。

CData Excel Add-In は、日本のユーザー向けにUI の日本語化、ドキュメントの日本語化、日本語でのテクニカルサポートを提供しています。

はじめる準備はできましたか？

API Driver で Webflow のライブデータに接続

Webflow に接続

この記事の内容

関連記事