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

# Webflow CMS Integration

> Connect your Webflow site to automatically sync AI-generated articles to your CMS collection.

## Overview

This guide walks you through how to connect your **Webflow CMS** to **Sight AI** so that AI-generated articles can be automatically synced to your selected CMS collection (e.g., "Blog Posts").

## Step 1: Generate Your Webflow API Token

Navigate to your Webflow Settings:

1. Open your Webflow project
2. In the **left sidebar**, go to `Apps & Integrations`
3. Scroll to "API Access" and click **Generate API Token**

## Step 2: Set Permissions for the Token

Name your token (**Tip:** Name it something like `Sight AI`).

Webflow's permission modal lists **16 sections** (you'll need to scroll to see them all). Set each one as shown below — every section is accounted for, so you can work down the list without leaving any defaults:

| Section                                                                                        | Permission     |
| ---------------------------------------------------------------------------------------------- | -------------- |
| CMS                                                                                            | Read and Write |
| Assets                                                                                         | Read and Write |
| Components                                                                                     | Read and Write |
| Pages                                                                                          | Read and Write |
| Sites                                                                                          | Read and Write |
| Site Config                                                                                    | Read and Write |
| Authorized User                                                                                | Read-only      |
| Site Activity                                                                                  | Read-only      |
| App Subscriptions, Branches, Comments, Custom Code, Ecommerce, Forms, User Accounts, Workspace | No Access      |

<Note>
  **CMS**, **Sites**, and **Authorized User** are the strict minimum required for Sight AI to authenticate, list your collections, and sync articles. The other Read/Write grants (Assets, Components, Pages, Site Config) future-proof your token against upcoming features so you don't have to regenerate it later.
</Note>

After you have granted the permissions above, click **"Generate token"**.

## Step 3: Connect Webflow to Sight AI

In Sight AI, navigate to **Integrations** and select **Webflow**.

1. In Sight AI, go to the **Webflow Integration** tab
2. Paste your token into the **Webflow API Key** input
3. Click **"Validate API Key"**

## Step 4: Select Your Webflow CMS Collection

After validating the token, Sight AI will automatically pull in your CMS collections.

* Select the one you want to publish articles to (e.g., `Blog Posts`, `Resources`)
* You can click **"View fields"** to inspect field structure before continuing

## Step 5: Map Article Fields to Webflow Fields

Map the required and optional article fields to the correct Webflow CMS fields.

**Required Fields:**

* Title
* Slug
* Main Content (Rich Text)

**Optional Fields** (map if available):

* Main Image URL
* Thumbnail Image URL
* SEO Title
* SEO Description
* Category

**Note:** You cannot proceed unless all **required fields** are mapped.

## Step 6: Configure Publication Settings

Choose how new articles should be handled when synced:

* **Save as Draft** (Recommended) -- review content before it goes live
* **Publish Immediately** -- skip manual review and go live automatically

You can return to this screen anytime to change the setting.

## Integration Complete

Once all steps are completed, you'll see a confirmation:

Your Webflow CMS is now connected. You can sync articles to your "Blog Posts" collection.

## Syncing Articles

**Go to AI Articles in Sight AI:**

1. Select **Single Article** or **Multiple Articles**
2. Choose your **target keyword** and category
3. Once the article is generated, click **"Sync to Webflow"**

Articles will appear in your Webflow CMS according to your publication setting.

## Active CMS

Sight AI supports only **one active CMS integration per site** at a time. When you connect Webflow and set it as your active CMS, articles are synced to your Webflow collection instead of any previously active CMS.

You can switch to a different CMS at any time from the **Integrations** hub -- your Webflow configuration and previously synced articles are preserved.

## Troubleshooting

### Connection Expired

API tokens can expire. If you see connection errors:

1. Go to **Integrations > Webflow**
2. Generate a new API token in Webflow
3. Paste the new token and re-validate

### Field Mapping Issues

If content isn't appearing correctly:

* Verify field mappings are correct
* Check that field types match (Rich Text for content)
* Ensure required fields are mapped

### Site Not Publishing

If items are created but not visible on your site:

* Manually publish your Webflow site
* Check that items aren't saved as drafts

## Next Steps

* [Generate your first article](/ai-content/overview)
* [Set up Autopilot publishing](/ai-content/autopilot)
* [Configure search engine indexing](/indexing/how-it-works)