# Webflow

[Webflow](https://webflow.com/) is an application that allows you to build responsive websites with browser-based visual editing software.

## Account integration using OAuth

To begin, you will need:

* A [Webflow](https://webflow.com/) account.

**STEP 1**: In iMBrace, select **Credential** and click **\[ADD NEW]** button.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F46CpleW0GZys6FGMky3u%2F0.png?alt=media)

**STEP 2:** Select **Webflow OAuth2 API** in the **Integrations** section.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FZKVrKOo0Hwv9t9CVJmCI%2F1.png?alt=media)

**STEP 3**: Click on the **\[Copy URL]** button to copy the **OAuth Redirect URL**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F3L8Tofo2TqSCqwOpuaaU%2F2.png?alt=media)

**STEP 4**: Go to your Webflow [dashboard](https://webflow.com/dashboard) and select your desired workspace.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FOy8ZRWJk5UNo7MDE8DzD%2FWebflow_04.png?alt=media\&token=31a013a4-75a3-4700-a605-564a83ecb38c)

**STEP 5**: Click on the **Setting icon**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FIo4H48EUY6QWDe5UZ6AR%2FWebflow_05.png?alt=media\&token=3244d220-bf75-4ea8-999b-61bf665b292b)

**STEP 6**: Select the **Integrations** tab.

<figure><img src="https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FrSGzjtJV2hAaBI7vh5vJ%2FWebflow_06.png?alt=media&#x26;token=d78f139f-461c-495a-b2b5-b6b1b527ea62" alt=""><figcaption></figcaption></figure>

**STEP 7**: Click on the **\[+ Register New Application]** button under **Workspace Applications** section.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FHSCZRwU5OF1jccw0N1SA%2F6.png?alt=media)

**STEP 8**: Enter your **Application Name**, **Application Description** and **Application Homepage**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2Fo0f44hSOsuKM4HCsU6L3%2F7.png?alt=media)

**STEP 9**: Paste the **Redirect URL** that you copy from iMBrace.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F5rAKZ7bM312LPVos8ICP%2F8.png?alt=media)

**STEP 10**: Click on the **\[Create]** butto&#x6E;**.**

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F48ulwbMhX5xIQzJBJwzr%2F9.png?alt=media)

**STEP 11**: Click on the **\[View details]** button.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FDf2Atz15Eeq5XtK6SKkS%2F10.png?alt=media)

**STEP 12:** Copy both the **Client Id** and **Client Secret**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F2ETOt7zDgHR5ZMxbxi6i%2F11.png?alt=media)

**STEP 13:** In iMBrace, paste the **Client ID**, **Client Secret** and click **\[Connect]** button.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FwRTNa0XYIqAL3IRT9jWd%2F12.png?alt=media)

**DONE:** The credential can then be used for Webflow nodes.

## Account integration using Access Token

To begin, you will need:

* A Webflow account.

**STEP 1**: Access your Webflow [dashboard](https://webflow.com/dashboard).

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FOy8ZRWJk5UNo7MDE8DzD%2FWebflow_04.png?alt=media\&token=31a013a4-75a3-4700-a605-564a83ecb38c)

**STEP 2:** Select your desired workspace and open the desired site in Webflow's Designer.

<figure><img src="https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FO3VRFa9FYhiJNGM3VZ8H%2FWebflow_Token_02.png?alt=media&#x26;token=70021314-057f-4240-8877-bee4097e796b" alt=""><figcaption></figcaption></figure>

**STEP 3**: Click on the **W icon** in the top left.

<figure><img src="https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FogqhM5IIL09oWwZ7FdJp%2Fimage.png?alt=media&#x26;token=1ad8b385-45b8-443e-81c2-d65d374c9963" alt=""><figcaption></figcaption></figure>

**STEP 4**: Click on **\[Site settings]**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FiA4UjxJCz57bKJAPSjsJ%2FWebflow_Token_04.png?alt=media\&token=4d36096b-0146-48d7-ade1-5deb21521f6e)

**STEP 5**: Click on the **Integrations** tab.

!\[Graphical user interface, text, application

Description automatically generated]\(<https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F1LYofzw1PCYV30gU0cSC%2FWebflow_Token_05.png?alt=media\\&token=78b51f4c-f14c-44c3-99b8-1783a939f6b0>)

**STEP 6**: Scroll down and click **\[Generate API token]** under **API Access** section.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F6ZNUJfe1gab76PaDuO9f%2FWebflow_Token_06.png?alt=media\&token=389e5fc1-e2a0-415b-b3d6-9d3adb5c2d3c)

**STEP 7**: Copy the **API token**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FQHkDUFLr3PCSNkV33194%2FWebflow_Token_07.png?alt=media\&token=aff66dbb-9697-4ebf-962d-f4b27fa94c5e)

**STEP 8**: In iMBrace, select **Credential** and click **\[ADD NEW]**.

![](https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2F6RmujX3FZhDg5yc2T4im%2F20.png?alt=media)

**STEP 9:** Select **Webflow API** in **Integrations** section.

<figure><img src="https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FUhdGJwEzSqu9dqhc6NqC%2FScreenshot_20230117_053118.png?alt=media&#x26;token=2f266300-97fd-4d50-8405-0f5a913d9f1d" alt=""><figcaption></figcaption></figure>

**STEP 10:** Paste the **access token** and click **\[CREATE].**

<figure><img src="https://3400071099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FypCKq44Psaly6khgrY7x%2Fuploads%2FliGrMKsIoIXthi3VJwUz%2Fimage.png?alt=media&#x26;token=b961c72d-d2c9-460d-93de-73bee7f0658b" alt=""><figcaption></figcaption></figure>

**DONE:** The credential can then be used for Webflow nodes.