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

# Framer Integration

> Sync articles from ChatFeatured to your Framer CMS

The ChatFeatured Framer integration allows you to publish articles directly to your Framer CMS. Once set up, generate articles in ChatFeatured and sync them to Framer with a single click.

**Status:** Available | **Setup time:** 5-10 minutes | **Complexity:** Beginner

## Why Framer?

Framer's plugin architecture makes setup straightforward. The ChatFeatured plugin automatically handles article syncing while you maintain full control over your content and design within Framer.

<Info>
  The Framer integration uses a dedicated plugin that runs directly in your Framer project. This means seamless syncing with automatic CMS collection configuration—no manual setup required.
</Info>

***

## Setup Instructions

### Step 1: Create an Integration in ChatFeatured

1. In ChatFeatured, go to **Integrations → Framer**
2. Click **Create integration**
3. You'll receive an **API Key** (save this securely)

<Warning>
  Copy your API Key immediately — it's only shown once. If you lose it, generate a new one from the ChatFeatured integrations page.
</Warning>

### Step 2: Install the Framer Plugin

1. Open your **Framer project**
2. Go to **Plugins → Browse**
3. Search for **"ChatFeatured CMS Sync"**
4. Click to install the plugin
5. Enable email notifications (optional but recommended)

<Tip>
  Email notifications let you know immediately when articles are ready to sync from ChatFeatured to Framer.
</Tip>

### Step 3: Configure the Plugin

1. Open the **ChatFeatured plugin** in Framer
2. Paste your API Key from Step 1
3. Click **"Connect"** to verify the connection
4. The plugin will automatically configure your CMS collection

The plugin will now show:

* **Status:** Waiting for Framer Connection (initially)
* **Your API Key:** Copy it from here if needed
* **Settings:** Email notification preferences

### Step 4: Start Syncing Articles

1. In ChatFeatured, generate or write an article
2. Click **Publish**
3. Select **Framer** as your destination
4. Configure:
   * **Publish method:** "Framer" (auto-filled)
   * **Notification:** Get email when article syncs
5. Click **Sync to Framer**

When articles are ready, you'll receive an email notification. Open the Framer plugin and click **Sync** to pull articles into your CMS collection.

***

## Publishing Workflow

### Generate Articles

Create your article in ChatFeatured with:

* Title
* Content/body
* Optional: featured image, excerpt, metadata

### Schedule for Sync

In ChatFeatured publishing settings:

1. Select **Framer** as destination
2. Choose **"Sync when ready"** or **"Schedule for later"**
3. Articles automatically queue for sync

### Receive Notification

You'll get an email when articles are ready to sync (if notifications enabled).

### Complete Sync in Framer

1. Open the ChatFeatured plugin in your Framer project
2. Click **Sync** to import waiting articles
3. Articles appear in your CMS collection
4. Edit and design as needed in Framer

<Tip>
  Check your email or the plugin status to see when articles are ready. This is usually within 2-5 minutes of syncing.
</Tip>

***

## Managing Your Content

### After Syncing

Once articles sync to Framer, you can:

* **Edit** article content in Framer's CMS editor
* **Style** articles with Framer's design system
* **Schedule** publication within Framer
* **Organize** articles into categories or collections

### Updating Articles

If you update an article in ChatFeatured after syncing, you can re-sync it. Framer will prompt you to update or create a new version.

### Deleting Articles

Deleting an article in ChatFeatured doesn't delete it from Framer. You manage deletions within Framer's CMS.

***

## Advanced Configuration

### Multiple CMS Collections

If you have different article types (blog, news, tutorials), you can create separate integrations for each collection.

### Custom Metadata

Framer preserves custom metadata fields during sync. ChatFeatured automatically maps:

* Title → CMS Title field
* Content → CMS Body field
* Featured Image → CMS Image field
* Excerpt → CMS Description field

### Batch Syncing

Generate multiple articles in ChatFeatured, then sync them all to Framer at once through the plugin.

<Tip>
  For large batches (15+ articles), allow extra time for syncing to complete. Monitor the plugin status or check for completion email.
</Tip>

***

## Troubleshooting

<Accordion title="'Connection Failed' Error">
  **Cause:** Invalid or expired API Key

  **Solution:**

  * Generate a new API Key in ChatFeatured
  * Paste it into the Framer plugin
  * Click "Connect" to test
  * Verify the key has no extra spaces or characters
</Accordion>

<Accordion title="Articles Not Appearing in Framer">
  **Cause:** Plugin not fully configured or sync not completed

  **Solution:**

  * Verify API Key is correctly pasted in Framer plugin
  * Check that plugin shows "Connected" status
  * Look for email notification confirming articles are ready
  * Click **Sync** button in Framer plugin to pull articles
  * Wait 2-5 minutes for sync to complete
</Accordion>

<Accordion title="'CMS Collection Not Found'">
  **Cause:** Framer CMS not set up or collection deleted

  **Solution:**

  * Create a CMS collection in Framer before syncing
  * Ensure collection has Title and Body fields at minimum
  * Regenerate integration in ChatFeatured
  * Verify the collection name matches your integration setup
</Accordion>

<Accordion title="Notifications Not Being Received">
  **Cause:** Email notifications disabled or incorrect email

  **Solution:**

  * Check notification settings in Framer plugin
  * Verify email address is correct in ChatFeatured account
  * Check spam folder for notifications
  * Re-enable notifications if they were turned off
  * Test by syncing a single article
</Accordion>

<Accordion title="Articles Syncing But Content Is Incomplete">
  **Cause:** Field mapping issue or unsupported content

  **Solution:**

  * Check that Framer collection fields match ChatFeatured output
  * Review article content in ChatFeatured before syncing
  * Some advanced formatting may need adjustment in Framer
  * Manually edit missing content in Framer's CMS editor
</Accordion>

<Accordion title="Plugin Shows 'Disconnected' Status">
  **Cause:** API Key expired or connection lost

  **Solution:**

  * Generate a new API Key in ChatFeatured
  * Update the API Key in the Framer plugin
  * Click "Connect" to re-establish connection
  * Refresh the Framer page if status doesn't update
</Accordion>

<Accordion title="Syncing Seems Stuck or Taking Too Long">
  **Cause:** Large batch, network issues, or plugin error

  **Solution:**

  * Wait at least 5 minutes before assuming it's stuck
  * Refresh the Framer plugin page
  * Try syncing a single article to test
  * Check ChatFeatured's integration logs for errors
  * Contact support if it persists
</Accordion>

***

## Best Practices

* Enable email notifications to know when articles are ready
* Test with a single article before syncing batches
* Keep your API Key secure
* Review articles in Framer before publishing live
* Monitor sync progress for large batches

<Warning>
  **Don't** share your API Key\
  **Don't** manually sync while Framer is syncing (wait for completion)\
  **Don't** delete the ChatFeatured CMS collection in Framer (you'll lose sync capability)
</Warning>

***

## Performance Notes

Syncing typically completes within 2-5 minutes per article. For batch syncs:

* **1-5 articles:** 5-10 minutes
* **6-15 articles:** 15-20 minutes
* **15+ articles:** Allow 30+ minutes

Large articles with images may take longer. Monitor the plugin status or check for completion email.

***

## See Also

* [Ghost Integration](/integrations/ghost-integration) — Email newsletter publication
* [Webflow Integration](/integrations/webflow) — API-based CMS sync
* [REST API](/integrations/rest-api) — Direct API for custom workflows