# Webflow

### Step 1: Get your API key <a href="#step-1-set-up-your-backend-on-supabase" id="step-1-set-up-your-backend-on-supabase"></a>

Go to Webflow [Dashboard](https://webflow.com/dashboard) > **Settings**

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FR4knw2bDRqS17WdC126T%2Fprj_settings.jpg?alt=media&#x26;token=28dde968-b14a-4168-b441-c7962c17b119" alt=""><figcaption></figcaption></figure>

Go to > **Integrations**

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FzSmdnMBn590gzGhn7WOx%2Fprj_integrations.jpg?alt=media&#x26;token=a00e7b85-95c4-4541-9f53-c07b45266016" alt=""><figcaption></figcaption></figure>

Scroll down to **API Access** > **Generate API token**

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FxTjeyyO2jEntnshdUm8R%2FprJ_api.jpg?alt=media&#x26;token=3325dde8-23fb-4dd4-8688-7b0a6a0062d7" alt=""><figcaption></figcaption></figure>

### Step 2: Connect the API queries to Jet Admin <a href="#step-2-connect-the-database-to-appsmith" id="step-2-connect-the-database-to-appsmith"></a>

Choose a Rest API database from the list of available data sources:

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FKUIJwi9EPeuhYLWZTKqg%2Frest%20api.jpg?alt=media&#x26;token=927d4081-8395-41d7-a81e-c184cc0c889a" alt=""><figcaption></figcaption></figure>

Let's start with implementing **Rest API**, select it from the list of available resources, and specify the general information that will use for all API requests for this resource:&#x20;

* **Resource name** – unique name that indicates API resource in Jet Admin.
* **Base URL** – URL that will use for all requests for this resource (if you want to use different URL, create different resources for each URL).

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2F2NfFuvf2warCOjSjlzZ4%2FUntitled%202.jpg?alt=media&#x26;token=5d770b44-1627-468d-a658-5837f38a773e" alt=""><figcaption></figcaption></figure>

Create a new Collection with your Webflow's query:

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FeCcc9vp0UXQZcj9kCWVt%2Fwebflow_api.jpg?alt=media&#x26;token=6a4fcf78-c458-4715-96d0-461d90370a91" alt=""><figcaption></figcaption></figure>

{% content-ref url="../data/make-an-http-request" %}
[make-an-http-request](https://docs.jetadmin.io/user-guide/data/make-an-http-request)
{% endcontent-ref %}
