Connect to Webflow Data in CloverDX (formerly CloverETL)

Jerod Johnson
Jerod Johnson
Director, Technology Evangelism
Transfer Webflow data using the visual workflow in the CloverDX data integration tool.

The CData JDBC Driver for Webflow enables you to use the data transformation components in CloverDX (formerly CloverETL) to work with Webflow as sources. In this article, you will use the JDBC Driver for Webflow to set up a simple transfer into a flat file. The CData JDBC Driver for Webflow enables you to use the data transformation components in CloverDX (formerly CloverETL) to work with Webflow as sources. In this article, you will use the JDBC Driver for Webflow to set up a simple transfer into a flat file.

Connect to Webflow as a JDBC Data Source

  1. Create the connection to Webflow data. In a new CloverDX graph, right-click the Connections node in the Outline pane and click Connections -> Create Connection. The Database Connection wizard is displayed.
  2. Click the plus icon to load a driver from a JAR. Browse to the lib subfolder of the installation directory and select the cdata.jdbc.api.jar file.
  3. Enter the JDBC URL.

    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

    Built-in Connection String Designer

    For assistance in constructing the JDBC URL, use the connection string designer built into the Webflow JDBC Driver. Either double-click the JAR file or execute the jar file from the command-line.

    java -jar cdata.jdbc.api.jar
    

    Fill in the connection properties and copy the connection string to the clipboard.

    A typical JDBC URL is below:

    jdbc:api:Profile=C:\profiles\Webflow.apip;AuthScheme=OAuth;InitiateOAuth=GETANDREFRESH;OAuthClientId=your_client_id;OAuthClientSecret=your_client_secret;CallbackUrl=your_callback_url;

Query Webflow Data with the DBInputTable Component

  1. Drag a DBInputTable from the Readers selection of the Palette onto the job flow and double-click it to open the configuration editor.
  2. In the DB connection property, select the Webflow JDBC data source from the drop-down menu.
  3. Enter the SQL query. For example:
    SELECT ,  FROM Sites WHERE Id = 'your_site_id'

Write the Output of the Query to a UniversalDataWriter

  1. Drag a UniversalDataWriter from the Writers selection onto the jobflow.
  2. Double-click the UniversalDataWriter to open the configuration editor and add a file URL.
  3. Right-click the DBInputTable and then click Extract Metadata.
  4. Connect the output port of the DBInputTable to the UniversalDataWriter.
  5. In the resulting Select Metadata menu for the UniversalDataWriter, choose the Sites table. (You can also open this menu by right-clicking the input port for the UniversalDataWriter.)
  6. Click Run to write to the file.

Ready to get started?

Connect to live data from Webflow with the API Driver

Connect to Webflow