Skip to main content

​
Overview

Framer is a visual website builder with a built-in CMS. The Siftly–Framer integration lets you create content in Siftly’s editor and publish it directly to a Framer CMS collection — no copy-pasting required. This is especially useful for teams that manage blog posts, landing pages, or resource libraries in Framer and want to keep their publishing workflow inside Siftly.

​
Prerequisites

Before connecting, you’ll need:
  • A Framer site with a CMS collection already created (e.g., a “Blog” collection)
  • A Framer account with Editor or Owner permissions
  • Your Framer API token (see below)

​
Step 1: Get your Framer API token

Framer uses token-based authentication for its CMS API.
  1. Open your Framer project
  2. Click the Project Settings gear icon (top-right)
  3. Go to Integrations → API
  4. Click Generate Token and copy the token
Treat your Framer API token like a password. Anyone with the token can create and modify content in your Framer CMS. Store it securely and never share it publicly.

​
Step 2: Find your Collection ID

You’ll need the Collection ID of the Framer CMS collection you want to publish to.
  1. In Framer, open the CMS panel (left sidebar)
  2. Click on the collection you want to use (e.g., “Blog Posts”)
  3. In the collection settings, copy the Collection ID — it looks like cmsCollectionId_abc123

​
Step 3: Connect Framer in Siftly

  1. In Siftly, go to Settings → Integrations
  2. Click Connect next to Framer
  3. Enter your API token and Collection ID
  4. Click Verify Connection
Siftly will test the connection by fetching your collection schema. If successful, you’ll see your collection’s fields listed.

​
Step 4: Map content fields

Siftly generates content with these standard fields:
Siftly fieldDescription
titleThe page or post title (H1)
slugURL-friendly version of the title
bodyFull body content (rich text / HTML)
meta_descriptionSEO meta description
published_atPublication date
tagsTopic tags
Map each Siftly field to the corresponding field in your Framer collection. If your collection has different field names (e.g., headline instead of title), set the mapping here.
If your Framer collection has required fields that Siftly doesn’t generate (like a featured image), you can set a default value in the field mapping so content always passes Framer’s validation.

​
Step 5: Publish content to Framer

Once connected:
  1. Open any draft in the Siftly content editor
  2. Click Publish → Framer
  3. Confirm the target collection
  4. Click Send to Framer
The content appears in your Framer CMS collection as a draft item. Open Framer to review, edit, and publish it to your live site.

​
Updating existing items

By default, each publish from Siftly creates a new CMS item in Framer. To update an existing item instead:
  1. In the Siftly content editor, click Publish → Framer → Advanced
  2. Toggle Update existing item
  3. Paste the Framer item ID of the item you want to update
This is useful when you’re iterating on a page over multiple Siftly content runs.

​
Troubleshooting

Your API token is invalid or expired. Regenerate the token in Framer’s Project Settings and update it in Siftly’s integration settings.
Double-check the Collection ID — it must match exactly. Make sure you’re using the collection’s API ID, not its display name.
Check the Framer CMS panel and look for the item in Drafts — Siftly always creates items as drafts. If it’s not there, check the Siftly publish log for error details.
If a required field in your Framer collection isn’t mapped, the publish will fail. Review your field mapping in Settings → Integrations → Framer → Configure and ensure all required fields are mapped or have a default value.