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

Generate Webflow API Token

Step 2: Set Permissions for the Token

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

Give the following specific permissions:

SectionPermission
CMSRead and Write
AssetsRead and Write
ComponentsRead and Write
PagesRead and Write
SitesRead and Write
Site ConfigRead and Write
Authorized UserRead-only
Site ActivityRead-only
Comments, Forms, Ecommerce, User AccountsNo Access

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

Webflow Token Permissions

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"

Connect Webflow to Sight AI

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

Select Webflow CMS Collection

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.

Map Webflow Fields

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.

Webflow Publication Settings

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.

Final Steps: 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.

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