> ## Documentation Index
> Fetch the complete documentation index at: https://docs.seosorted.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow

> Publish articles into a Webflow CMS collection, with your own field names.

Webflow has no fixed blog schema — every site names its CMS fields differently. So this connector
has an extra step the others don't: after authorising, you tell us which collection to write to
and which of your fields hold the title and body.

<Info>
  We request `sites:read`, `cms:read` and `cms:write` — enough to list your sites and collections
  and create items. We cannot edit your designs or publish your site.
</Info>

## Before you start

* A Webflow site with a **CMS collection** for your posts (a blog collection created from any
  Webflow template works).
* A Webflow account with access to that site's CMS.
* The collection needs at least a plain-text field for the title and a **Rich text** field for
  the body.

## Step 1 — Authorise

**Project Settings → Integrations → Webflow → Connect**. Webflow asks which sites or Workspaces
to grant access to.

<Frame caption="Webflow's authorisation screen — pick the site you publish from">
  <img src="https://mintcdn.com/seosorted-dc17c331/vEMg5kPU9zyxc5bn/images/connectors/webflow-authorize.png?fit=max&auto=format&n=vEMg5kPU9zyxc5bn&q=85&s=379ddba2756e23309abbd3f7ac586021" alt="Webflow authorisation screen listing read site data, read CMS data and edit CMS data, with a site picker" width="3456" height="1984" data-path="images/connectors/webflow-authorize.png" />
</Frame>

Tick the site, then **Authorize App**. You're returned to the Integrations tab.

<Tip>
  Grant access to the specific site you publish from rather than the whole workspace — the
  collection list stays short and you don't hand over sites we have no business touching.
</Tip>

## Step 2 — Choose a collection and map fields

The card shows **Setup required — pick a collection**. Click **Finish setup**.

The form asks for:

<Steps>
  <Step title="Site">
    Which Webflow site to publish into. Sites you granted access to in Step 1 appear here.
  </Step>

  <Step title="Collection">
    The CMS collection that holds your posts — usually "Blog Posts" or "Posts".
  </Step>

  <Step title="Field mapping">
    Which Webflow field receives each part of the article. We read the collection schema and
    pre-fill sensible guesses: the `name` field for the title, the first Rich text field for the
    body.
  </Step>
</Steps>

<Frame caption="Site, collection and field mapping — we pre-fill the obvious matches">
  <img src="https://mintcdn.com/seosorted-dc17c331/vEMg5kPU9zyxc5bn/images/connectors/webflow-field-mapping.png?fit=max&auto=format&n=vEMg5kPU9zyxc5bn&q=85&s=c457846400afc479714ea8e42edd3652" alt="Configure Webflow dialog with site, collection and field mapping dropdowns" width="3456" height="1984" data-path="images/connectors/webflow-field-mapping.png" />
</Frame>

| SeoSorted field   | Required | Webflow field type to map to |
| ----------------- | -------- | ---------------------------- |
| Title             | Yes      | Plain text (usually `Name`)  |
| Body (rich text)  | Yes      | Rich text                    |
| Slug              | No       | Slug                         |
| Summary / excerpt | No       | Plain text                   |
| Featured image    | No       | Image                        |

Click **Save configuration**. The card stops saying "Setup required" and the connector is ready.

<Warning>
  Confirm the pre-filled mapping before saving. A collection with several Rich text fields (body,
  author bio, disclaimer) may auto-map the body to the wrong one, and articles will publish into
  the wrong place.
</Warning>

## Step 3 — Publish

Open an article, click **Publish**, choose **Webflow**, then **Publish now**. We create one
collection item with your mapped fields.

<Frame caption="Webflow returns no public URL, so the dialog confirms the publish instead">
  <img src="https://mintcdn.com/seosorted-dc17c331/vEMg5kPU9zyxc5bn/images/connectors/webflow-publish-result.png?fit=max&auto=format&n=vEMg5kPU9zyxc5bn&q=85&s=bbee366f0e9be96e30bf8412427eed0b" alt="Publish dialog showing Published and a note that the destination returned no public URL" width="3456" height="1984" data-path="images/connectors/webflow-publish-result.png" />
</Frame>

<Note>
  Items are created **live** where possible, so they appear on your published site right away if
  your templates already render that collection.

  If the site has **never been published**, Webflow refuses live items. We fall back to staging the
  item instead: it lands in your CMS immediately and goes out with your next site publish. Either
  way the publish succeeds.
</Note>

## Common problems

<AccordionGroup>
  <Accordion title="“No Webflow sites found for this account”">
    The authorisation didn't include any site. Disconnect, connect again, and select a site on
    Webflow's authorisation screen.
  </Accordion>

  <Accordion title="The Publish button says “Setup required”">
    The collection and field mapping were never saved. Open **Project Settings → Integrations →
    Webflow → Finish setup** and save the configuration.
  </Accordion>

  <Accordion title="Published items are missing the body">
    The body was mapped to a plain-text field, which silently drops HTML. Map it to a **Rich
    text** field.
  </Accordion>

  <Accordion title="Items appear in the CMS but not on the site">
    Webflow only serves CMS content after a site publish. Publish the site in the Webflow
    Designer, and confirm your templates actually render that collection.
  </Accordion>
</AccordionGroup>
