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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://imbrace.gitbook.io/imbrace-documentation/integrations/webflow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.