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

# Connect Webflow

> Connect your Webflow site with a site token so Ryze can publish articles straight into a CMS collection.

Webflow connects with a **site API token** — a token you generate in your site's settings that lets Ryze write to your CMS without sharing your login. Once connected, programmatic articles publish straight into the Webflow collection you choose, with fields mapped automatically.

## Step 1 — Generate a site token in Webflow

<Steps>
  <Step title="Open Site settings">
    In the Webflow Designer, open the site menu (top left) and click **Site settings**. You can also reach settings from the Webflow dashboard.

    <Frame>
      <img src="https://mintcdn.com/ryzeai-5f9aafd5/_6ZOEewDxc4xP5xP/images/webflow-site-settings.png?fit=max&auto=format&n=_6ZOEewDxc4xP5xP&q=85&s=0dcae242f744e56a4774b52d86e1f8f7" alt="Opening Site settings from the Webflow Designer menu" width="3110" height="1700" data-path="images/webflow-site-settings.png" />
    </Frame>
  </Step>

  <Step title="Go to Apps & Integrations">
    In the settings sidebar, open **Apps & Integrations**.

    <Frame>
      <img src="https://mintcdn.com/ryzeai-5f9aafd5/_6ZOEewDxc4xP5xP/images/webflow-apps-integrations.png?fit=max&auto=format&n=_6ZOEewDxc4xP5xP&q=85&s=74bb92cbe0aa1c9127b2b467d7ec9210" alt="The Apps & Integrations item in Webflow site settings" width="3110" height="1700" data-path="images/webflow-apps-integrations.png" />
    </Frame>
  </Step>

  <Step title="Generate an API token">
    Scroll to **API access** and click **Generate API token**. Name it something recognizable, like `Ryze AI`.

    <Frame>
      <img src="https://mintcdn.com/ryzeai-5f9aafd5/_6ZOEewDxc4xP5xP/images/webflow-generate-token.png?fit=max&auto=format&n=_6ZOEewDxc4xP5xP&q=85&s=20ccb31f2eefbd70d0d8c7a9e1a5f0f8" alt="The Generate API token button under API access" width="3110" height="1700" data-path="images/webflow-generate-token.png" />
    </Frame>
  </Step>

  <Step title="Set the permissions">
    Grant these scopes — everything else can stay on **No access**:

    | Permission | Access         |
    | ---------- | -------------- |
    | **CMS**    | Read and write |
    | **Assets** | Read and write |
    | **Sites**  | Read-only      |

    CMS is how articles are created and published, Assets is where featured images are uploaded, and Sites lets Ryze list your sites so you can pick one.
  </Step>

  <Step title="Copy the token">
    Click **Create token** and copy it right away.

    <Frame>
      <img src="https://mintcdn.com/ryzeai-5f9aafd5/_6ZOEewDxc4xP5xP/images/webflow-token-created.png?fit=max&auto=format&n=_6ZOEewDxc4xP5xP&q=85&s=0e29a2a0e0ea2575ffaaafd0ade0a677" alt="The generated token shown once in Webflow" width="3110" height="1700" data-path="images/webflow-token-created.png" />
    </Frame>
  </Step>
</Steps>

<Warning>
  Webflow shows the token **only once**. If you lose it, revoke it and generate a new one.
</Warning>

## Step 2 — Connect in Ryze

In **Workspace Settings → Integrations**, click **Connect** on the Webflow card and paste your site token.

<Frame>
  <img src="https://mintcdn.com/ryzeai-5f9aafd5/_6ZOEewDxc4xP5xP/images/webflow-connect.png?fit=max&auto=format&n=_6ZOEewDxc4xP5xP&q=85&s=2a0dee7192e3bc9a877e94ab353c70fc" alt="The Connect Webflow dialog with the site token field" width="3110" height="1700" data-path="images/webflow-connect.png" />
</Frame>

## Step 3 — Choose the site and collection

After the token is verified, pick the **site** that hosts your blog and the **CMS collection** where generated articles should be published.

<Frame>
  <img src="https://mintcdn.com/ryzeai-5f9aafd5/_6ZOEewDxc4xP5xP/images/webflow-choose-collection.png?fit=max&auto=format&n=_6ZOEewDxc4xP5xP&q=85&s=62f37cabb2a2b924256330e4ec440ae1" alt="Choosing the Webflow site and CMS collection" width="3110" height="1700" data-path="images/webflow-choose-collection.png" />
</Frame>

Ryze maps your collection's fields automatically — title, slug, body, and the featured image land in the right places without manual field mapping.

## Troubleshooting

* **Token rejected** — make sure it's a **site token** from that site's settings, not a workspace token, and that the CMS scope is set to Read and write.
* **Collection missing from the list** — the token only sees the site it was created on; generate the token on the site that hosts your blog.
* **Images not appearing** — the **Assets** scope must be Read and write; regenerate the token if it was read-only.

Still stuck? Email [support@get-ryze.ai](mailto:support@get-ryze.ai).