> For the complete documentation index, see [llms.txt](https://imbrace.gitbook.io/imbrace-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://imbrace.gitbook.io/imbrace-documentation/integrations/webflow.md).

# 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.

![](/files/1jVAqdXMKh1W2ijwAGGA)

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

![](/files/jNIJlrikF9trj6NW4L5F)

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

![](/files/i0aSTG0226xUTUTN835U)

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

![](/files/h6ZAvGxZO3C5xiXEwaNm)

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

![](/files/5bA8NaPR3JQmob3rJ3b0)

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

<figure><img src="/files/D3sFnRZQ5kRE23wFyBRP" alt=""><figcaption></figcaption></figure>

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

![](/files/2av6R1GNTLl5oXdSaM4P)

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

![](/files/49eWwVQdgLLhL7gq1zn4)

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

![](/files/XwiN12k0d5iZ2iaqJjKP)

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

![](/files/F8sgvdBnUFYPLS4hclqP)

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

![](/files/9w96QzZZ0LzZoQHiY3E8)

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

![](/files/0Zq3YMktM4UJjwqNHeyK)

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

![](/files/tWosdminh9cAplD5HknQ)

**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).

![](/files/h6ZAvGxZO3C5xiXEwaNm)

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

<figure><img src="/files/S0FRKtxeJJPMoBIDVF2g" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/eVPmwFR4cWfygalqlRXF" alt=""><figcaption></figcaption></figure>

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

![](/files/WOZcryjNHJFJ3QVcLBj1)

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

!\[Graphical user interface, text, application

Description automatically generated]\(/files/yN4Bmj6CCDUa8JHaEyC0)

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

![](/files/DfYQcvoUm3fr66dNRCgR)

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

![](/files/pVuPB9XAC0WPuMCFkKfM)

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

![](/files/485TyRPYl4gK785Qz9Xh)

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

<figure><img src="/files/yAYrMjAjJHPVRkUd6FNh" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/Zu6FroA27ZNtvx8PeMrf" alt=""><figcaption></figcaption></figure>

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