Framer Integration

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.

---

​

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)

​

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)

​

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

---

​

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.

---

​

Troubleshooting

'Connection Failed' Error

Cause: Invalid or expired API KeySolution:

• 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

Articles Not Appearing in Framer

Cause: Plugin not fully configured or sync not completedSolution:

• 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

'CMS Collection Not Found'

Cause: Framer CMS not set up or collection deletedSolution:

• 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

Notifications Not Being Received

Cause: Email notifications disabled or incorrect emailSolution:

• 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

Articles Syncing But Content Is Incomplete

Cause: Field mapping issue or unsupported contentSolution:

• 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

Plugin Shows 'Disconnected' Status

Cause: API Key expired or connection lostSolution:

• 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

Syncing Seems Stuck or Taking Too Long

Cause: Large batch, network issues, or plugin errorSolution:

• 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

---

​

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

---

​

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 — Email newsletter publication
• Webflow Integration — API-based CMS sync
• REST API — Direct API for custom workflows