Skip to main content

Webflow CMS Integration

Connect your Webflow site to automatically notify IndexPilot when you publish new content on your site—one click integration.

Updated over 3 weeks ago

This guide walks you through how to connect your Webflow CMS to IndexPilot 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.

  • Open your Webflow project.

  • In the left sidebar, go to Apps & Integrations.

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 your token something like IndexPilot.

You will need to set specific permissions similar to the image below. Under the image, check specific permissions required.

Give the following specific permissions:

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

Comments, Forms, Ecommerce, User Accounts

🚫 No Access

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


Step 3: Connect Webflow to IndexPilot

In IndexPilot, navigate to Integrations and select Webflow.

Paste the API Key

  • In IndexPilot, go to the Webflow Integration tab.

  • Paste your token into the Webflow API Key input.

  • Click Validate API Key.


Step 4: Select Your Webflow CMS Collection

After validating the token, IndexPilot 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 IndexPilot 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

⚠️ 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.


🚀 Final Steps: Syncing Articles

Go to AI Articles in IndexPilot:

  • Select Single Article or Multiple Articles (Pro only).

  • Choose your target keyword and category.

  • Once the article is generated, click Sync to Webflow.

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

Did this answer your question?