Integrate Webflow with External Services using SnapLogic

SnapLogic is an integration platform-as-a-service (iPaaS) that allows users to create data integration flows with no code. When paired with the CData JDBC Drivers, users get access to live data from more than 250+ SaaS, Big Data and NoSQL sources, including Webflow, in their SnapLogic workflows.

With built-in optimized data processing, the CData JDBC Driver offers unmatched performance for interacting with live Webflow data. When platforms issue complex SQL queries 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 client-side (often SQL functions and JOIN operations). Its built-in dynamic metadata querying lets you work with Webflow data using native data types.

Connect to Webflow in SnapLogic

To connect to Webflow data in SnapLogic, download and install the CData Webflow JDBC Driver. Follow the installation dialog. When the installation is complete, the JAR file can be found in the installation directory (C:/Program Files/CData/CData API Driver for JDBC/lib by default).

Upload the Webflow JDBC Driver

After installation, upload the JDBC JAR file to a location in SnapLogic (for example, projects/Jerod Johnson) from the Manager tab.

Configure the Connection

Once the JDBC Driver is uploaded, we can create the connection to Webflow.

1. Navigate to the Designer tab
2. Expand "JDBC" from Snaps and drag a "Generic JDBC - Select" snap onto the designer
3. Click Add Account (or select an existing one) and click "Continue"
4. In the next form, configure the JDBC connection properties:
   • Under JDBC JARs, add the JAR file we previously uploaded
   • Set JDBC Driver Class to cdata.jdbc.api.APIDriver

   • Set JDBC URL to a JDBC connection string for the Webflow JDBC Driver, for example:

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

     NOTE: RTK is a trial or full key. Contact our Support team for more information.

     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.

     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
     
5. After entering the connection properties, click "Validate" and "Apply"

Read Webflow Data

In the form that opens after validating and applying the connection, configure your query.

• Set Schema name to "API"
• Set Table name to a table for Webflow using the schema name, for example: "API"."Sites" (use the drop-down to see the full list of available tables)
• Add Output fields for each item you wish to work with from the table

Save the Generic JDBC - Select snap.

With connection and query configured, click the end of the snap to preview the data (highlighted below).

Once you confirm the results are what you expect, you can add additional snaps to funnel your Webflow data to another endpoint.

Piping Webflow Data to External Services

For this article, we will load data in a Google Spreadsheet. You can use any of the supported snaps, or even use a Generic JDBC snap with another CData JDBC Driver, to move data into an external service.

1. Start by dropping a "Worksheet Writer" snap onto the end of the "Generic JDBC - Select" snap.
2. Add an account to connect to Google Sheets
3. Configure the Worksheet Writer snap to write your Webflow data to a Google Spreadsheet

You can now execute the fully configured pipeline to extract data from Webflow and push it into a Google Spreadsheet.

More Information & Free Trial

Using the CData API Driver for JDBC you can create a pipeline in SnapLogic for integrating Webflow data with external services. For more information about connecting to Webflow, check at our CData API Driver for JDBC page. Download a free, 30 day trial of the CData API Driver for JDBC and get started today.