# Webflow

![Webflow_logo.svg](https://assets.relyanceuat.xyz/images/docs/8042920180237/8042666586381.svg)
Webflow is a Software as a Service (SaaS) platform with an in-browser design tool that gives you the power to design, build, and launch responsive websites visually. It gives you the ability to work with three coding languages- HTML, CSS, and JavaScript- without the need to understand them.

In order to integrate Webflow with Relyance AI you will need a **Client ID**, **Client Secret**, and follow an Oauth2 flow.

#### In Webflow:

1. Login to your Webflow account.
2. Go here: [https://webflow.com/dashboard/account/integrations](https://webflow.com/dashboard/account/integrations)
3. Click **+Register New Application**.
4. Fill out the Registration page with these details: **Application Name**: << Provide a relevant name e.g. Relyance AI >> **Application Description**: << Provide a description >>
**Redirect URI**: https://root.relyance.ai/api/oauth2
**Application Homepage**: https://www.relyance.ai

![Webflow-3.png](https://assets.relyanceuat.xyz/images/docs/8042920180237/8045108996621.png)

5. Click **Create**.
6. Once created click the **View Details** button beside your newly created application.
7. Copy the **Client ID** and **Client Secret** to be used in Relyance AI.

![Webflow-4.png](https://assets.relyanceuat.xyz/images/docs/8042920180237/8045118488589.png)

#### In the Relyance AI application:

1. Login to your Relyance account.
2. Navigate to the **Settings** Menu in the bottom left-hand side.
3. Select **Integrations**.
4. Click on the **Vendor Integration** tab.
5. Find the **Webflow** integration card and click it to open its connections.
6. Under **Authentication Method**, choose **Oauth2 / App Token**.
8. Paste the **Client ID** and **Client Secret** into their respective fields.

![Webflow-1.png](https://assets.relyanceuat.xyz/images/docs/8042920180237/8045109134605.png)

9. Click **Authenticate**.
10. This will bring your to Webflow to grant permissions to Relyance. Select your workspaces and site and click **Authorize**.

![Webflow-5.png](https://assets.relyanceuat.xyz/images/docs/8042920180237/8045108831757.png)

11. At this point, you should see the following result on the **Vendor** Integrations page:

![Webflow-2.png](https://assets.relyanceuat.xyz/images/docs/8042920180237/8045118633101.png)

12. Congratulations, you are now connected to **Webflow**.

<!-- failure-modes:begin (generated from the integration catalog; do not hand-edit) -->

## If the connection reports Connected but returns nothing

These are the ways this integration comes back empty without reporting an error. Generated from the integration catalog, so it tracks what the connection actually asks for.

1. **Authorised, then empty.** The connection carries an authorisation, not a password: it stops returning data if the account that granted it loses access, its own permissions narrow, or the grant is revoked at the vendor. None of that reports an error here -- the connection keeps its last status until the next scan.
2. **A credential rotated at the vendor is not picked up here.** **Client Secret** is stored when you save the connection, so regenerating the value at the vendor breaks the next scan until it is re-pasted here. Recording the expiry on the connection means Relyance warns you before it lapses.

<!-- failure-modes:end -->

<!-- terraform-examples:begin (generated from the integration catalog; do not hand-edit) -->

## Manage this integration with Terraform

Connections for this integration can be managed as code with the [Relyance Terraform provider](https://registry.terraform.io/providers/Relyance/relyance/latest). Non-secret fields go in `auth.params`; secret fields go in `auth.secrets_wo`, which is write-only — never stored in Terraform state. Rotate secrets by bumping `auth.secrets_wo_version`.

The **OAuth (browser authorization)** method uses a browser authorization flow, so the connection is created in the Relyance app. Manage it in Terraform afterwards by importing it (`terraform import relyance_integration_connection.example webflow/<connection_id>`) or reading it with the `relyance_integration_connection` data source.

<!-- terraform-examples:end -->