Create Power BI Reports on Real-Time Webflow Data

With built-in support for ODBC on Microsoft Windows, the CData ODBC Drivers provide self-service integration with self-service analytics tools such as Microsoft Power BI. The CData ODBC Driver for Webflow links your Power BI reports to operational 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 ODBC driver to create real-time visualizations of Webflow data in Microsoft Power BI Desktop and then upload to Power BI.

The CData ODBC Drivers offer unmatched performance for interacting with live Webflow data in Power BI due to optimized data processing built into the driver. When you issue complex SQL queries from Power BI to Webflow, the driver 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 an ODBC Data Source

If you have not already, first specify connection properties in an ODBC DSN (data source name). This is the last step of the driver installation. You can use the Microsoft ODBC Data Source Administrator to create and configure ODBC DSNs.

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

Create Data Visualizations

After creating an ODBC DSN, follow the steps below to connect to the Webflow ODBC DSN from Power BI Desktop:

1. Open Power BI Desktop and click Get Data -> More... to open the Get Data window.
2. In the Get Data window select Other -> ODBC to open the next window.
3. Select the DSN in the menu. If you know the SQL query you want to use to import data, you can expand the Advanced options node and enter the query in the SQL Statement box. Otherwise, click OK to continue.
4. Choose Default or Custom as the authentication option and click Connect.
5. Select tables in the Navigator dialog.

6. Click Transform Data to edit the query. The table you imported is displayed in the Power Query Editor. In the Power Query Editor, you can enrich your local copy of Webflow data with other data sources, pivot Webflow columns, and more. Power BI detects each column's data type from the Webflow metadata retrieved by the driver.

   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.

Create Data Visualizations

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 (Salesforce shown):

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

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:

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.

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

Free Trial & More Information

If you are interested in connecting to your Webflow data from Microsoft Power BI, or any applications that support ODBC connectivity, download a free, 30-day trial of the CData ODBC Driver for Webflow. As always, our world-class support team is ready to answer any questions you may have.