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

# Framer CMS Integration

> Automatically publish AI-generated content to your Framer CMS

## Overview

The Framer CMS integration lets you automatically generate and publish SEO-optimized content directly to your Framer website. Set up a content schedule, connect your Framer project, and new articles will appear in your CMS collection ready for review.

## Step 1: Get Your Framer API Key

1. Head to Framer and open your site's settings page by clicking the **gear icon** in the top-right corner.

<Frame>
  <img src="https://mintcdn.com/pierview-dceb0b3c/ADGQ62RHQDs4z8c1/images/framer/framer-settings.png?fit=max&auto=format&n=ADGQ62RHQDs4z8c1&q=85&s=ac644fd3a6e0b88a316d465ec1e2b6bc" alt="Framer settings gear icon" width="1681" height="811" data-path="images/framer/framer-settings.png" />
</Frame>

2. Scroll down in the general settings until you see **API Keys**. Name your key `Pierview`, then copy the token.

<Frame>
  <img src="https://mintcdn.com/pierview-dceb0b3c/ADGQ62RHQDs4z8c1/images/framer/framer-api-key.png?fit=max&auto=format&n=ADGQ62RHQDs4z8c1&q=85&s=51550e80116eb3b3100479b76cc133e4" alt="Framer API key generation" width="1652" height="694" data-path="images/framer/framer-api-key.png" />
</Frame>

<Warning>
  Don't close the API token dialog until you've finished all the steps below, you'll need to paste it into Pierview.
</Warning>

## Step 2: Connect Pierview to Framer

1. In Pierview, go to [Settings → Integrations → CMS Integrations](https://pierview.ai/dashboard/configuration/integrations) and click **Connect** next to Framer.

<Frame>
  <img src="https://mintcdn.com/pierview-dceb0b3c/iiTwOo1MCLkL11Lr/images/pierview-main-cms-integrations.png?fit=max&auto=format&n=iiTwOo1MCLkL11Lr&q=85&s=9a9f161c95ae899b17734a44a069d888" alt="CMS Integrations page showing Framer and Sanity connect buttons" width="1539" height="806" data-path="images/pierview-main-cms-integrations.png" />
</Frame>

2. **Paste your API token** into the API Token field.

3. Copy the **URL of the Framer page** you're on and paste that in as the Project URL.

4. Select the **CMS collection** in Framer where you want content drafts to be exported.

5. Map the **Title** and **Content** fields, these should be defaulted for you.

## You're Connected!

Any content scheduled for generation will automatically appear in your Framer CMS as a draft, where you can review it and publish it on your site.

You can also export content on demand, go to any content generation and click **"Publish"** in the top-right sidebar to export it directly to Framer.

## Troubleshooting

<AccordionGroup>
  <Accordion title="Articles not appearing in Framer">
    * Verify your API key is correct and has not been revoked
    * Check that the Project URL matches your Framer project
    * Ensure the field mappings (Title, Content) match your Framer collection fields
    * Check that the integration is enabled (toggle is on)
  </Accordion>

  <Accordion title="Content is showing as plain text instead of formatted">
    Make sure your Content field in Framer is set to **Formatted Text**, not Plain Text. The integration converts markdown to HTML, which Framer renders correctly in Formatted Text fields.
  </Accordion>

  <Accordion title="Duplicate slug errors">
    The integration automatically handles duplicate slugs by appending a number (e.g. `my-article-2`). If you're seeing errors, check that your Slug field name mapping is correct.
  </Accordion>
</AccordionGroup>