Visualize Webflow Data in Sisense

Sisense lets you join, analyze, and picture data to make more intelligent business decisions and craft effective strategies. The CData API Driver for JDBC makes it easy to integrate with Webflow data in Sisense. This article shows how to create an ElastiCube that connects to Webflow data and use the ElastiCube to visualize Webflow data in Sisense.

Configure the Connection to Webflow

Before creating the ElastiCube, note the installation location for the JAR file for the JDBC Driver (typically C:\Program Files\CData\CData API Driver for JDBC 20XX\lib) or copy the jar file (cdata.jdbc.api.API.jar) to a new folder in the Sisense JDBC driver directory (typically C:\ProgramData\Sisense\DataConnectors\jdbcdrivers).

1. In the Data page of the Sisense application, create a new ElastiCube (or open an existing one).
2. In the Model Editor, click "+ Data" to open the Add Data dialog box.
3. Click Generic JDBC to open the JDBC settings. 👁 Connecting via JDBC
   
4. Set the connection string property to the JDBC URL for Webflow, adding required properties.

   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.

   👁 Using the built-in connection string designer to generate a JDBC URL (Salesforce is shown.)
   

   When you configure the JDBC URL, 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.

   A typical example follows:

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

5. Set the JDBC JARs folder property to the location of the CData JDBC Driver JAR file (see above).
6. Set the driver's class name to the class name for the JDBC Driver: cdata.jdbc.api.APIDriver
7. Leave the username and password properties blank.
8. Click Next. 👁 A configured connection in Sisense (HubSpot is shown).
   

Add Webflow Data to an ElastiCube

Once you are connected to Webflow, you can add views to your ElastiCubes.

1. From the Tables list, select the tables and/or views you wish to work with.
2. (Optional) Click "+" to customize the data you want to import with SQL.
3. Click Done. 👁 Selected tables to add to the ElastiCube
   
4. Click Build to build the ElastiCube for analytics.

Visualize Webflow Data

With Webflow tables added to your ElastiCube, you can perform analytics on your Webflow data.

1. Navigate to the Analytics page of the Sisense application
2. Select a Dashboard (or create a new one)
3. Select your Data Source and click Create 👁 Selecting the newly created ElastiCube
   
4. Click "+ Select Data" and choose fields to add to your visualization. 👁 Visualizing data in Sisense (HubSpot is shown).
   

With the CData API Driver for JDBC, you can access Webflow data right in Sisense for powerful visualization and analytics. Download a free, 30-day trial and start working with Webflow data in Sisense today!