# Webflow (/docs/webflow)



The Webflow integration publishes articles from EarlySEO directly into a **Webflow CMS collection** (typically your Blog Posts collection). Setup is a multi-step process: connect your token, pick a site and collection, then map fields.

Prerequisites [#prerequisites]

* A Webflow account with at least one published site
* A Webflow CMS collection for blog posts
* A Webflow API token with CMS write access
* An EarlySEO account

Setup [#setup]

1. Get your Webflow API token [#1-get-your-webflow-api-token]

1. Go to [Webflow Account Settings - API Access](https://webflow.com/dashboard/account/integrations)
2. Under **API Keys**, generate a new **Site token** (not a workspace token)
3. Enable the following scopes: `CMS:write`, `CMS:read`, `Sites:read`
4. Copy the token

2. Create the integration in EarlySEO [#2-create-the-integration-in-earlyseo]

1. Go to **Integrations** in your EarlySEO dashboard
2. Click **Add Integration** and select **Webflow**
3. Paste your **API token** and click **Validate**  EarlySEO fetches your sites

3. Select your site [#3-select-your-site]

From the list of sites fetched from your token, choose the site where articles should be published.

4. Select your CMS collection [#4-select-your-cms-collection]

After selecting a site, EarlySEO loads your CMS collections. Pick the **Blog Posts** collection (or whichever collection holds your articles).

5. Map fields [#5-map-fields]

Map EarlySEO fields to your Webflow collection fields:

| EarlySEO Field   | Typical Webflow Slug               |
| ---------------- | ---------------------------------- |
| Title            | `name` / `title`                   |
| Slug             | `slug`                             |
| Meta Description | `description` / `meta-description` |
| Publish Date     | `published-on`                     |
| Content (HTML)   | `post-body` / `content`            |
| Featured Image   | `thumbnail` / `main-image`         |

6. Choose publish mode [#6-choose-publish-mode]

| Mode        | Behavior                                           |
| ----------- | -------------------------------------------------- |
| **Publish** | Items are published live immediately               |
| **Draft**   | Items are saved as drafts for review               |
| **Staged**  | Items are staged (published in next batch publish) |

7. Save [#7-save]

Click **Create Integration**. EarlySEO will now sync articles to your Webflow collection.

Important Notes [#important-notes]

* Webflow CMS field slugs are **lowercase with dashes** (e.g. `post-body`, not `postBody`)
* The field mapping uses your collection's **field slugs**, not display names
* Rich text fields receive HTML content; plain text fields receive stripped content

Troubleshooting [#troubleshooting]

**Token validation fails**

* Confirm the token has `CMS:write` + `Sites:read` scopes
* Site tokens are per-site  ensure you are using the right site's token

**No collections appear**

* The site may not have any CMS collections  add one in Webflow Designer

**Content looks broken**

* Map the HTML content to a **Rich Text** field, not a Plain Text field