EarlySEO Docs

Framer

Sync EarlySEO articles into a Framer CMS collection using the official EarlySEO Framer plugin.

Open .mdx

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

  • 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

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

  1. In Framer, open the Plugin Marketplace
  2. Search for and install the EarlySEO plugin on your project

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 FieldTypical Framer Field
Titletitle
Slugslug
Meta Descriptionexcerpt / description
Contentcontent / body
Featured Imageimage
  1. Save the mapping

4. Test

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

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

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

On this page