Integrate IndexPilot with Framer to seamlessly sync your AI-generated content into Framer’s CMS — whenever you choose. The plugin allows you to import and update articles or categories directly from IndexPilot with a single click. No automation needed, and no duplicate worries, the system automatically recognizes existing articles and updates them.
Important Note: Framer integration does not support auto-publish functionality. Articles need to be synced using the IndexPilot plugin in your Framer project. You can sync all IndexPilot articles with one click using the plugin.
Setup Guide
Step 1: Install the IndexPilot plugin in the Framer Marketplace
Log into app.indexpilot.ai
Navigate to Integrations → Framer
Select the site you want to connect
Click “Generate API Key”
Copy the API key immediately (you won’t be able to view it again)
Note: Each site has its own key.
Step 2: Install the Framer Plugin
Open your Framer project
Go to Plugins in the left sidebar
Search for “IndexPilot”
Click “Install” to add it to your project
or
Step 3: Connect Your IndexPilot Account
Click on the IndexPilot plugin icon inside Framer
Paste your API key when prompted
Click “Next” to authenticate your connection
Step 4: Select Collection
Select the collection where your articles are on your framer site (or will they will be if it's a new site)
Articles Collection
Includes the following fields:
Slug (URL-friendly identifier)
Title (Article headline)
Image (Featured image)
Content (Full HTML body)
Post Summary (Short excerpt)
SEO Title
SEO Meta Description
Created At (Publish date)
Category (Category slug)
CMS Categories: Once you install the IndexPilot Framer plugin on your site, your Framer CMS categories will automatically sync and become selectable when generating new articles. After you setup the plugin in your Framer, you will be able to select Framer article categories inside IndexPilot when you are about to start article generation.
Step 5: Map Fields
Slug Field — used as a unique identifier, you can not edit and it will automatically sync.
Review field mappings:
IndexPilot fields appear on the left
Framer CMS fields appear on the right
Enable or disable specific fields
Rename field display names if desired. In most cases just leave as default.
Click “Import Articles” to start the sync
Important: The slug field determines how IndexPilot identifies and updates existing content in Framer during resyncs.
Supported Field Types
IndexPilot Field | Framer Type | Description |
slug | string | Unique article identifier |
title | string | Article headline |
main_image_url | image | Featured image |
main_content | formattedText | Full HTML article |
post_summary | string | Short excerpt |
seo_title | string | SEO title |
seo_meta_description | string | SEO meta description |
created_at | date | Publish date |
category | string | Category slug/reference |
Manual Syncing (On-Demand)
The IndexPilot Framer integration is designed for manual syncs, giving you complete control over when your content updates.
Open your Framer project
Click on the IndexPilot plugin icon
Choose the Articles or Categories collection
Click “Import” or “Resync”
Wait for the process to finish (progress is shown inside the plugin)
Your content will appear in the selected Framer CMS collection.
How Syncing Works
Article Sync Flow
Authenticate via API key
Fetch up to 1000 most recent ready articles
Compare slugs with Framer CMS
Add new, update existing, and remove deleted articles
Store configuration for next sync
Category Sync Flow
Authenticate via API key
Retrieve current Framer categories
Send snapshot to IndexPilot for linkage
Sync categories both ways for consistency
Duplicate Protection & Updates
You don’t need to worry about duplicates. The plugin automatically detects previously imported content:
If the article already exists in Framer, it will be updated with the latest changes from IndexPilot
If it’s a new article, it will be added
If an article was deleted in IndexPilot, it will be removed from Framer
This ensures your CMS stays perfectly in sync — even after multiple imports.
Using Synced Content in Framer
Go to CMS in Framer’s left sidebar
Find your Articles or Categories collection
Create a Collection Page or Collection List
Bind CMS fields to your design elements:
{title}for article titles{content}for the full article body{image}for featured images{postSummary}for excerpts{seoTitle}and{seoMetaDescription}for SEO fields
Troubleshooting
Invalid or Inactive API Key
Check that the key is correct and not expired
Ensure it matches the correct IndexPilot site
Regenerate a new key if needed
Failed to Load Data Source
Verify your internet connection
Confirm your IndexPilot site has published articles (
status = "ready")Try regenerating your API key
Insufficient Permissions
Only Owners and Admins can generate and manage API keys
Sync Appears to Hang
You can only sync 1,000 articles from IndexPilot to Framer. Please reach out to support if you have over 1,000 so we can increase your limit and discuss Enterprise options.
Try syncing smaller batches
Contact support if it repeatedly fails
Category References Not Working
Sync Categories before Articles
In Framer CMS → Articles → Fields
Change Category type to “Collection Reference”
Link it to your Categories collection
Content Not Updating
Refresh your Framer preview or published site
Ensure the article
status = "ready"in IndexPilotVerify slugs haven’t been changed (changing them creates new entries)
Clear cache via Settings → Clear Cache
If you have any questions, please click the chat icon on the right side of your screen and create a support ticket. Our team will get back to you within 1 business day.