Framer
Connect Framer to Citeca and publish articles automatically.
Connect Framer and Citeca publishes finished articles straight into it — live, or as drafts for you to review first.
Setup time
About 3 minutes
Access needed
Admin on the site or store
What we touch
Blog posts only
Note
This connection can only read and publish blog posts. Your theme, products and settings are never modified.
What you need#
- A Framer project you can edit
- A Framer API key for that project (Site Settings → General → API keys)
- The project link from Framer’s address bar
Publishing ships your whole Framer site
Citeca adds each article to your Framer CMS through Framer’s Server API, then publishes your site. A Framer publish includes everything in the project, so any unpublished edits you have go live with it.
Connecting Framer#
Open Settings → Publishing, find Framer and press Connect. The wizard walks you through the steps below.
- 1
Before you start
Two quick checks. The whole setup takes about 3 minutes.
- Confirm: I can edit this Framer project
- Your project should have a CMS collection for articles with its own page, like Blog or Articles (a page such as /blog/:slug). Most blog templates already do.
- No collection yet? We create a Blog collection with the first article. You then add a CMS page for it in Framer.
Note
Citeca adds each article to your Framer CMS and publishes your site, using Framer’s Server API. No plugin to install. Publishing ships the whole site, so any unpublished edits in your project go live with it.
- 2
Create a Framer API key
In your project, not your account. It only works for that one project.
- Open your site’s project, then Site Settings (the gear, or the menu at the top left) → General.
- Scroll to API keys and click Add. Name it
- Click Create and copy the key. It starts with
Heads up
Framer shows the key only once. Copy all of it, including the fr_ at the start.
- 3
Paste your project link and key
We open your project with them on connect, so a green check means publishing works.
- Project link — Copy it from the address bar while the project is open. Everything after ? is ignored.
- Framer API key — The key you just created. If the f at the start went missing in the copy, we put it back.
- 4
Author & publishing
Last details: a byline, and whether articles go live by themselves.
- Author name (optional)
- Publish immediately — Each article is added to your CMS and your Framer site is published.
- Save as draft — Articles arrive as drafts in your Framer CMS for you to review and publish.
Framer is connected
We can reach your Framer project. New articles are added to your CMS and your site is published for you.
Check it worked#
Verify it’s working
3 checks
- Framer shows as Connected in Citeca, naming your collection (e.g. “Articles in My Site”).
- Your first article appears in that CMS collection.
- Its page opens on your live site (e.g. yoursite.framer.app/blog/your-article).
To test without waiting for a scheduled article, open any finished article in Blog content and press Publish. You get a result per destination immediately, including the exact error if something is wrong.
Managing the connection#
Once connected, the Framer card shows a green Connected dot and a Manage button. Everything about the connection is changed from there — there are three controls.
- Test connection — checks the credentials against Framer right now. If they fail you get the platform’s own response, not a generic message.
- Reconnect — walks through the setup again. This is how you paste a rotated token, publish somewhere else, or change whether articles go live or wait as drafts. It replaces what is stored rather than adding a second connection.
- Disconnect — deletes the stored credentials and stops publishing. Articles already published stay on your site untouched, and your drafts and schedule in Citeca are kept.
Note
When something fails you get a plain explanation and the steps to fix it. The platform’s own response — status code, endpoint and response body — is folded away under Details for support; “Copy error report” puts all of it in one paste for a support message.
TroubleshootingQuestions#
Where do I get the API key?
Open the project in Framer, then Site Settings → General, scroll to API keys and click Add. Name it “citeca”, click Create and copy it. It starts with fr_ and works only for that one project.
Which CMS collection do articles go into?
The collection that has its own page and a blog-like name, such as Blog or Articles (a page like /blog/:slug). We fill its title, summary, content, cover image, date, reading time and author fields, whatever your template calls them.
My site has no blog collection.
We create a Blog collection with the first article. Then add a page for it in Framer: Pages → + → New CMS Page → Blog. The article page appears with your next publish.
Framer says the key has no access to this project.
The key belongs to one project. Create it inside the same project whose link you pasted, and paste it whole, starting with fr_.
Can I review articles before they go live?
Choose Save as draft when connecting. Articles then arrive as drafts in your Framer CMS, and nothing is published until you publish in Framer.
Where do I change whether articles go live or stay as drafts?
Press Manage on the connection’s card in Settings → Publishing, then Reconnect, and answer the live-or-draft step differently. It applies to that connection only, so your other destinations are unaffected.
What happens if I regenerate the credentials?
The old ones stop working immediately and publishing fails with an authentication error. Press Manage on the card, then Reconnect, and paste the new ones — that replaces the old credentials rather than adding a second connection.
Can I disconnect without losing published articles?
Yes. Disconnecting only deletes the credentials we stored. Everything already published stays exactly where it is, because those are posts in your own CMS.
Will publishing the same article twice create a duplicate?
No. Articles are matched on their slug, so republishing updates the existing post rather than adding a second one.
Something missing or wrong here? Tell us and we will fix it.