Webflow empowers designers to create beautiful, responsive websites—without writing a single line of code, or relying on a developer.Its drag-and-drop interface looks, feels, and works like familiar desktop design tools, and writes clean, semantic code any developer would be proud of.

Authenticating

Webflow uses OAuth, a developer-friendly delegated access protocol. Quolum has already connected the necessary wires with Webflow. Using a sequence of click-throughs, your organization's administrator allows Quolum to make API calls to Webflow without getting access to passwords.

Step 1: Initiate a connection to Webflow

Click the Connect button from the Connections card. If you are not an admin, you can invite your organization's Webflow admin to make a connection to your Webflow organization account. When you click on the Connect button, the web browser will navigate to the Webflow login page.

2380

Quolum Catalog: Webflow App

Step 2: Log in to Webflow

Log in to Webflow using your organization's credentials. The exact login mechanism may depend on your Webflow plan, and the sign-in mechanism used. You may have corporate SSO such as Azure AD, GSuite, or Okta along with multi-factor authentication. Once you have successfully logged-in, Webflow is going to ask you to grant access to Quolum.

1272

Webflow Authentication

Step 3: Provide consent to Quolum

The next screen after login into Webflow is the consent screen. On this screen, Webflow confirms whether you authorize Quolum to access your organization's data.

Step 4: Back to Quolum

Once you have granted access to Quolum on Webflow's website, Webflow is going to send you back to Quolum's page in Step 1, where you started. The Connect button on the Connections card would now say Reconnect. Reconnect is used to reauthenticate under circumstances where the access has expired.

Under the hood

Using the OAuth protocol, Quolum now has delegated access to your Webflow Workspace. The Quolum server, running on Amazon AWS VPC, will be able to make API calls and retrieve feature-level utilization of projects, stories, and tasks. Later, this data is crunched and available for visualization on the Quolum dashboard.