How to Create Power BI Visual Reports with Real-Time Webflow Data

CData Power BI Connectors provide self-service integration with Microsoft Power BI. The CData API Driver for Power BI links your Power BI reports to real-time Webflow data. You can monitor Webflow data through dashboards and ensure that your analysis reflects Webflow data in real time by scheduling refreshes or refreshing on demand. This article details how to use the Power BI Connector to create real-time visualizations of Webflow data in Microsoft Power BI Desktop.

If you are interested in publishing reports on Webflow data to PowerBI.com, refer to our other Knowledge Base article.

Collaborative Query Processing

The CData Power BI Connectors offer unmatched performance for interacting with live Webflow data in Power BI due to optimized data processing built into the connector. When you issue complex SQL queries from Power BI to Webflow, the connector pushes supported SQL operations, like filters and aggregations, directly to Webflow and utilizes the embedded SQL Engine to process unsupported operations (often SQL functions and JOIN operations) client-side. With built-in dynamic metadata querying, you can visualize and analyze Webflow data using native Power BI data types.

Connect to Webflow as a Power BI Data Source

Installing the Power BI Connector creates a DSN (data source name) called CData Power BI Webflow. This the name of the DSN that Power BI uses to request a connection to the data source. Configure the DSN by filling in the required connection properties.

You can use the Microsoft ODBC Data Source Administrator to create and configure the DSN: From the Start menu, enter "ODBC Data Sources" and select the CData PowerBI REST DSN. Ensure that you run the version of the ODBC Administrator that corresponds to the bitness of your Power BI Desktop installation (32-bit or 64-bit). You can also use run the ConfigureODBC.exe tool located in the installation folder for the connector.

Authentication

Webflow uses OAuth 2.0 authentication to ensure secure access to sites, CMS collections, e-commerce data, and other resources. This authentication method allows you to securely connect to your Webflow workspace and manage resources with proper authorization.

OAuth 2.0 Setup and Configuration

Step 1: Create a Webflow OAuth Application

To set up OAuth authentication:

1. Visit the Webflow Developer Portal
2. Navigate to "Apps & Integrations" in your Webflow account
3. Click "Register an App" to create a new OAuth application
4. Configure the application name, description, and redirect URI (CallbackURL)
5. Copy the Client ID and Client Secret for use in your connection

Required Connection Properties

• AuthScheme: Set this to OAuth (required)
• OAuthClientId: Client ID from your Webflow OAuth application (required)
• OAuthClientSecret: Client secret from your Webflow OAuth application (required)
• CallbackURL: Redirect URI specified in your OAuth application (required)
• InitiateOAuth: Set to GETANDREFRESH for automatic token management (recommended)

Required OAuth Scopes

The Webflow API Profile requires the following OAuth scopes:

• sites:read - Read access to site information and configuration
• pages:read - Read access to site pages
• cms:read - Read access to CMS collections and items
• forms:read - Read access to forms and form submissions
• assets:read - Read access to media assets and folders
• ecommerce:read - Read access to products, orders, and inventory
• authorized_user:read - Read access to the authorized user

How to Query Webflow Tables

Follow the steps below to build a query to pull Webflow data into the report:

1. Open Power BI Desktop and click Get Data -> Other -> CData API.
2. Select CData PowerBI Webflow in the Data Source Name menu and select a data connectivity mode:
   Select Import if you want to import a copy of the data into your project. You can refresh this data on demand.
   Select DirectQuery if you want to work with the remote data.
3. Select tables in the Navigator dialog. 👁 The available tables. (Salesforce is shown.)
   

4. In the Query Editor, you can customize your dataset by filtering, sorting, and summarizing Webflow columns. Click Edit to open the query editor. Right-click a row to filter the rows. Right-click a column header to perform actions like the following:

   • Change column data types
   • Remove a column
   • Group by columns

   Power BI detects each column's data type from the Webflow metadata retrieved by the connector.

   Power BI records your modifications to the query in the Applied Steps section, adjusting the underlying data retrieval query that is executed to the remote Webflow data. When you click Close and Apply, Power BI executes the data retrieval query.

   Otherwise, click Load to pull the data into Power BI.

How to Create Data Visualizations in Power BI

After pulling the data into Power BI, you can create data visualizations in the Report view by dragging fields from the Fields pane onto the canvas. Follow the steps below to create a pie chart:

1. Select the pie chart icon in the Visualizations pane.
2. Select a dimension in the Fields pane: for example, .
3. Select a measure in the Fields pane: for example, .

👁 A pie chart showing Account Names and Annual Revenue from Salesforce.

You can change sort options by clicking the ellipsis (...) button for the chart. Options to select the sort column and change the sort order are displayed.

You can use both highlighting and filtering to focus on data. Filtering removes unfocused data from visualizations; highlighting dims unfocused data. You can highlight fields by clicking them:

👁 A highlighted account in a pie chart. (Salesforce is shown.)

You can apply filters at the page level, at the report level, or to a single visualization by dragging fields onto the Filters pane. To filter on the field's value, select one of the values that are displayed in the Filters pane.

👁 Accounts and Annual Revenue filtered by Industry. (Salesforce is shown.)

Click Refresh to synchronize your report with any changes to the data.

At this point, you will have a Power BI report built on top of live Webflow data. Learn more about the CData Power BI Connectors for Webflow and download a free trial from the CData API Driver for Power BI page. Let our Support Team know if you have any questions.