Framer CMS integration
Connect Spron to your Framer CMS once, choose the collection and fields, and Spron will add each ready article and publish the site automatically. This Framer integration also updates the same CMS item when you use Republish, so you do not need to copy article text or images by hand.
How Framer CMS publishing works
Spron adds each ready article to your chosen Framer CMS collection and deploys your site so the post goes live. New ready articles are sent automatically after you connect.
If you edit a published article in Spron, the edits are saved as you type but are not sent at once. Press Republish in the article editor to update the same Framer item and republish the site.
Images already in Framer are reused instead of being uploaded again.
- Each article is added to the collection you choose.
- Spron deploys the Framer site after publishing.
- Articles that were ready before you connected can be sent with Send pending.
Before you connect Framer
You need a Framer site, a CMS collection for blog posts, and a Framer API key. You must also have owner or admin access in Spron to create the connection.
Use the project address from your browser. A framer.app address will not work.
You also need the public address where your blog posts live, such as https://example.com/blog. Spron uses this address for links to your articles.
- A Framer project with a CMS collection for posts
- A key created under Site Settings → API Keys
- The Framer project address and your blog address
- Spron workspace owner or admin access
Connect Framer to Spron
Open your Framer project
Open the Framer project you want Spron to publish to. You can use Framer Projects to find it.
Copy the address from your browser and paste it into Framer project address. Do not enter a
framer.appaddress.https://framer.com/projects/Your-site--abc123Create an API key
In Framer, open Site Settings → API Keys and press Create key. Paste the result into Framer API key and keep it private.
Add your blog address
Enter the public location of your blog posts in Blog address. Spron uses this address when creating links to your articles.
https://example.com/blogFind your collections
Press Find collections. Spron opens the project with your API key and lists its CMS collections.
After a successful search, the button changes to Find again so you can refresh the collection list.
Choose a collection
Choose the CMS collection that holds your blog posts. If the project has no suitable collection, press Create Spron Articles collection.
Spron creates a collection called Spron Articles with the fields ready and does not change your existing collections. Add a CMS page for that collection in Framer so its articles appear on your site.
Match the fields
Choose which collection field receives each part of the article. Spron initially selects the first available text field for the title and the first available formatted text field for the content.
Map Title field and Content field, then choose any optional fields you want to sync. Press Connect Framer to finish.
- Title field: required text field
- Content field: required formatted text field
- Meta description: optional text field
- Featured image: optional image field
- Published date: optional date field
What Spron sends to Framer
Spron sends the article parts you map to fields in your selected CMS collection. Title field and Content field are required.
You can also map Meta description, Featured image, and Published date. Leave an optional field set to Do not sync when you do not want Spron to update it.
The title and meta description use text fields, content uses a formatted text field, the featured image uses an image field, and the published date uses a date field.
Check your first Framer blog post
Check Delivery history in Spron after the first article is sent. It shows the latest 100 deliveries, including the article, status, and error details when available.
A delivery can appear as Waiting, Sending, Needs attention, or Published. When Spron has an external URL, select the article title to open it.
Open the post on your Framer site and check the title, content, optional fields, images, and article link.
- If no delivery has occurred, Delivery history shows No articles sent yet.
- To send a failed article again, press Send pending.
Fix common Framer connection issues
Why can’t I press Find collections?
Enter both Framer project address and Framer API key. The button remains unavailable while either field is empty or while another setup action is running.
Why does Spron say this project has no CMS collections yet?
The project returned no CMS collections. Press Create Spron Articles collection, then add a CMS page for it in Framer.
Why can’t I press Connect Framer?
Add a Blog address and select both the required title and content fields. The button is unavailable without those values.
Why wasn’t a failed delivery sent again?
Framer deliveries do not have a Retry action in Delivery history. Press Send pending to create a new send for the failed article.
Need help connecting? Contact support, visit the Help Center, or see our other publishing integrations.
