# Framer (/docs/framer)



The Framer integration syncs articles from EarlySEO into a **Framer CMS collection** using the official plugin. Once connected, new articles are pushed to your collection automatically.

Prerequisites [#prerequisites]

* A Framer site with a CMS collection (e.g. a Blog Posts collection)
* Admin access to your Framer project
* An EarlySEO account with articles ready to publish

Setup [#setup]

1. Create the integration in EarlySEO [#1-create-the-integration-in-earlyseo]

1. Go to **Integrations** in your EarlySEO dashboard
2. Click **Add Integration** and select **Framer**
3. Enter the **Platform URL**  your Framer site's publish URL (e.g. `https://yoursite.framer.app`)
4. Click **Create**
5. EarlySEO generates a **plugin API token**  **copy it now** (shown only once)

2. Install the EarlySEO Framer plugin [#2-install-the-earlyseo-framer-plugin]

1. Install the **EarlySEO** plugin from the [Framer Marketplace](https://www.framer.com/marketplace/plugins/earlyseo/)
2. Alternatively, in Framer open the **Plugin Marketplace** and search for "EarlySEO"

3. Connect and map fields [#3-connect-and-map-fields]

1. Open the EarlySEO plugin inside Framer
2. Paste your **API token** from EarlySEO
3. Select your target **CMS collection** (e.g. "Blog Posts")
4. Map fields from EarlySEO to your collection:

| EarlySEO Field   | Typical Framer Field      |
| ---------------- | ------------------------- |
| Title            | `title`                   |
| Slug             | `slug`                    |
| Meta Description | `excerpt` / `description` |
| Content          | `content` / `body`        |
| Featured Image   | `image`                   |

5. Save the mapping

4. Test [#4-test]

Publish one article from EarlySEO and verify it appears in your Framer CMS collection.

Important Notes [#important-notes]

* The **API token is shown only once**. Store it securely. If lost, regenerate from integration settings.
* Ensure field types match (rich text fields receive HTML; plain text fields receive stripped content).

Troubleshooting [#troubleshooting]

**Nothing appears in the collection**

* Confirm you selected the correct collection
* Check field type compatibility  rich text vs plain text

**Auth errors**

* Regenerate the API token in EarlySEO and re-paste it in the plugin

**Slug conflicts**

* Review and update duplicate slugs in your Framer CMS before re-syncing
