Create Datasets from Webflow in Domo Workbench and Build Visualizations of Webflow Data in Domo

Domo helps you manage, analyze, and share data across your entire organization, enabling decision makers to identify and act on strategic opportunities. Domo Workbench provides a secure, client-side solution for uploading your on-premise data to Domo. The CData ODBC Driver for Webflow links Domo Workbench to operational Webflow data. You can build datasets from Webflow data using standard SQL queries in Workbench and then create real-time visualizations of Webflow data in the Domo service.

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

When you configure the DSN, you may also want to set the Max Rows connection property. This will limit the number of rows returned, which is especially helpful for improving performance when designing reports and visualizations.

After creating a DSN, you will need to create a dataset for Webflow in Domo Workbench using the Webflow DSN and build a visualization in the Domo service based on the dataset.

Build a Dataset for Webflow Data

You can follow the steps below to build a dataset based on a table in Webflow in Domo Workbench using the CData ODBC Driver for Webflow.

1. Open Domo Workbench and, if you have not already, add your Domo service server to Workbench. In the Accounts submenu, click Add New, type in the server address (i.e., domain.domo.com) and click through the wizard to authenticate. 👁 Connecting to the Domo Service.
   
2. In the DataSet Jobs submenu, click Add New.
3. Name the dataset job (i.e., ODBC Webflow Sites), select ODBC Connection Provider as the transport method, and click through the wizard. 👁 Configuring the DataSet Job.
   
4. In the newly created DataSet Job, navigate to Source and click to configure the settings.
5. Select System DSN for the Connection Type.
6. Select the previously configured DSN (CData API Sys) for the System DSN.
7. Click to validate the configuration. 👁 Configuring the Source Settings.
   
8. Below the settings, set the Query to a SQL query:

   SELECT * FROM Sites

   NOTE: By connecting to Webflow data using an ODBC driver, you simply need to know SQL in order to get your data, circumventing the need to know Webflow-specific APIs or protocols.
9. Click preview. 👁 Querying Webflow Data.
   
10. Check over the generated schema, add any transformations, then save and run the dataset job. 👁 Save and Run the Configured DataSet Job (Salesforce is shown).
    

With the dataset job run, the dataset will be accessible from the Domo service, allowing you to build visualizations, reports, and more based on Webflow data.

Create Data Visualizations

With the DataSet Job saved and run in Domo Workbench, we are ready to build visualizations of the Webflow data in the Domo service.

1. Navigate to the Data Center. 👁 Accessing the Data Center (Salesforce is shown).
   
2. In the data warehouse, select the ODBC data source and drill down to our new dataset. 👁 Selecting the Webflow Dataset (Salesforce is shown).
   
3. With the dataset selected, choose to create a visualization.
4. In the new card:
   • Drag a Dimension to the X Value.
   • Drag a Measure to the Y Value.
   • Choose a Visualization.
   👁 Visualizing Webflow Data in Domo (Salesforce is shown).
   

With the CData ODBC Driver for Webflow, you can build custom datasets based on Webflow data using only SQL in Domo Workbench and then build and share visualizations and reports through the Domo service.