> ## Documentation Index
> Fetch the complete documentation index at: https://stackone-hub-docs-confluence-api-token-update.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow (Site)

> Follow these steps to connect Webflow via the StackOne Hub successfully.

<Warning>
  Ensure that the authenticating Webflow account has Admin privileges within the Webflow site to be connected.
</Warning>

If you've been directed to StackOne to integrate with Webflow, the following steps will help you understand the process and any necessary actions to configure a successful integration.

## Log in to Webflow

Log in to your Webflow app at [https://webflow.com/login](https://webflow.com/login)

<Frame>
  <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Log in" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image1.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=43598fdf4b5cebb2d4a5be3c8e157ab2" width="431" height="480" data-path="images/webflow/image1.png" />
</Frame>

## Get your Webflow Site ID

One Webflow IAM connection will be associated with a single Webflow site.

<Steps>
  <Step title="Navigate to Sites">
    Select `All sites` from the left menu and select `Settings` from the three dots in front of your Site.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="All sites" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image2.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=f95350135edc8f7bb0cac311030d24ce" width="1218" height="1468" data-path="images/webflow/image2.png" />
    </Frame>
  </Step>

  <Step title="Copy Site ID">
    Under `General`, scroll down to `Overview`. Copy and store the **Site ID** safely to be used in a later step.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Site Settings" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image3.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=bffadd28fed9cc3909d456d3d2e48a9c" width="2634" height="1288" data-path="images/webflow/image3.png" />
    </Frame>
  </Step>
</Steps>

## Create a New OAuth Application

This connection will authenticate on behalf of a registered Application in Webflow.

<Steps>
  <Step title="Navigate to Apps">
    Select `Settings > Apps & Integrations` from the left menu and scroll down to `App development`.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Navigate to Apps" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image4.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=2e33dbf2bbc636c8eb89f56164a25d62" width="1906" height="952" data-path="images/webflow/image4.png" />
    </Frame>
  </Step>

  <Step title="Create New Application">
    Click on <Icon icon="plus" iconType="regular" /> `Create an App` button.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Create New Application" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image5.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=cf02774af1333741c2069861682f5047" width="1045" height="674" data-path="images/webflow/image5.png" />
    </Frame>
  </Step>

  <Step title="Enter Application Details">
    Enter the following details for your new application:

    * App name
    * App description
    * App homepage URL: this can be the URL of your organization's homepage

    Click the **Continue** button to proceed.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Enter Application Details" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image6.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=951d6597ebab30bd11a69e042cedda8b" width="1060" height="869" data-path="images/webflow/image6.png" />
    </Frame>
  </Step>

  <Step title="Enter Redirect URI">
    Enable the `Data client (REST API)` toggle button and Enter the Redirect URI: `https://api.stackone.com/connect/oauth2/webflow_iam/callback`

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Enter Redirect URI" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image7.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=66fe7d2d0b3c724735c5117b5fbeeb44" width="1059" height="863" data-path="images/webflow/image7.png" />
    </Frame>
  </Step>

  <Step title="Select Application Scopes">
    Scroll down and select `Read-only` access for `User Account` and then click the **Create App** button.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Select Application Scopes" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image8.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=dac6eeecab09093a7ae282808ddf0a36" width="1063" height="865" data-path="images/webflow/image8.png" />
    </Frame>
  </Step>

  <Step title="Copy Application Credentials">
    Your new application will now be listed. Copy the new **Client ID** and **Client Secret** that are displayed and store them securely to be used in a later step.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Copy Application Credentials" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image9.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=80600330e99b2ca449484de2f2595362" width="1023" height="341" data-path="images/webflow/image9.png" />
    </Frame>
  </Step>
</Steps>

## Connecting with StackOne

<Steps>
  <Step title="Enter Credentials">
    Upon reaching the Link Account page, enter the credentials from the previous steps:

    * **Client ID**
    * **Client Secret**
    * **Site ID**
    * **Application Scopes**: `users:read`

    Proceed by clicking the Connect button.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Enter Credentials" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image10.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=6bffe56958adc183b0bd9c25ace8377f" width="968" height="1272" data-path="images/webflow/image10.png" />
    </Frame>
  </Step>

  <Step title="Authorize Application Access">
    A window will appear, and you may be prompted to log in again to Webflow.

    *Note: If you are redirected to the Webflow homepage after logging in here, please close the window and connect again.*

    Details about the specified application will be displayed.

    Under `Select sites or Workspaces to authorize`, select the **Workspace** containing the site to be associated with the connection.

    Click the **Authorize App** button to proceed.

    <Frame>
      <img className="rounded-md" style={{ margin: '0 auto', border: '1px solid #efefef' }} alt="Authorize Application Access" src="https://mintcdn.com/stackone-hub-docs-confluence-api-token-update/_BEMwWcX5HRLBXL3/images/webflow/image11.png?fit=max&auto=format&n=_BEMwWcX5HRLBXL3&q=85&s=57e4a5f34a30925654c1a791a79c3902" width="914" height="696" data-path="images/webflow/image11.png" />
    </Frame>
  </Step>
</Steps>

<br />

Congratulations, you're all set! If you face any issues with the steps mentioned above,
please contact us by emailing [integrations@stackone.com](mailto:integrations@stackone.com). We're always here to assist you!

## Available data

This integration has the following [IAM Resources](https://docs.stackone.com/reference/getting-started-with-your-api) available from the provider:

<ul>
  <li>Users</li>
  <li>Groups</li>
</ul>