Webflow CMS integration
Connect Spron to your Webflow blog with a Webflow API token, your site ID, and a CMS collection. Spron then sends ready articles, saves their images in Webflow, and either stages them as drafts or publishes them. You choose the collection and match its article fields during setup.
How Webflow publishing works
Spron sends each ready article to the Webflow blog collection you choose. New articles use the collection’s existing design, so Spron does not change your site layout.
A draft article stays staged in Webflow. When an article is set to publish, Spron publishes the collection item and checks that the live title, content, address, description, and mapped cover image match.
When you edit an article in Spron, press Republish. Spron updates the same Webflow item and keeps its original page address after later title changes.
Before you connect Webflow
You need a Webflow site, a site token, and owner or admin access in Spron. The token must let Spron read and write CMS content and assets.
You can use an existing Webflow CMS collection or let Spron create Spron Articles. If Spron creates it, you still need to design its collection page in Webflow.
- Your Webflow site ID
- A site token with CMS read/write access
- The same token with Assets read/write access
- A blog collection with an editable Rich text field
Connect Webflow to Spron
Copy your site ID
In Webflow, open your site settings. On the General page, copy the Site ID and paste it into Webflow site ID in Spron.
Create a site token
In your Webflow site settings, open Apps & integrations and generate an API token. You can follow Webflow’s site token guide.
Copy the token and paste it into Webflow site token in Spron. Keep the token private.
- Name: Spron, though any name works
- CMS: Read and write
- Assets: Read and write
- Everything else: No access
Choose your blog
Press Find blogs, then choose the collection that holds your blog posts. Use Find blogs again if you need to reload the list.
If you have no blog collection, press Create Spron Articles collection. Spron adds Content, Cover Image, SEO Description, and Publish Date fields without changing your existing collections.
Match the fields
Choose the Rich text field for Article content. You can also match Publish date and SEO description, or choose Do not fill for either optional field.
Spron lists editable fields of the correct type. If you add a field in Webflow, save the collection there, then press Find fields again.
- Article content requires a Rich text field
- Publish date uses a Date/Time field
- SEO description uses a Plain text field
- Required custom fields that Spron cannot fill must be made optional in Webflow
Publish your site
In Webflow, press Publish and publish the site to all its domains. This makes the collection and its fields available for Spron’s articles.
Return to Spron and press Add Webflow connection. The button remains unavailable until you choose an article content field.
What Spron sends to Webflow
Spron sends the article title, body, page address, images, and any optional fields you match during setup. It removes the opening H1 from the body because Webflow receives the title separately.
Spron saves article images in Webflow. If your collection has a suitable cover field, such as Main Image, Cover, Thumbnail, Featured, Hero, or Post, Spron fills it with the featured image.
If no suitable image field exists, Spron puts the cover image at the top of the article body. Tables and code blocks are sent as custom code embeds because Webflow Rich text does not provide those elements.
- Article content goes to the chosen Rich text field
- SEO description can go to an editable Plain text field
- Publish date can go to an editable Date/Time field
- Cover images can go to recognised Image fields
Check your first Webflow post
Open Delivery history in Spron to check the first result. It shows the latest 100 deliveries with statuses such as Waiting, Sending, Needs attention, and Published.
Then open the selected collection in Webflow and review the title, body, images, description, date, and address. A draft remains staged, while a published article should appear on the live site.
Connect the collection template’s Rich text element to your article content field. If you mapped an SEO description, connect that field to the template’s SEO meta description.
Fix common Webflow connection issues
Why does Spron say Webflow could not accept the token?
Create a new site token and check that you pasted it without spaces. The token needs CMS read/write and Assets read/write access.
Why is my blog missing?
Check that the site ID belongs to the Webflow site containing the collection. If the site has no collection, add one in Webflow or use Create Spron Articles collection, then search again.
Why does Spron say the blog has no Rich text field?
Add an editable Rich text field to the collection and save it in Webflow. Return to Spron and press Find fields again.
Why does delivery say a post with this address is still live?
A post deleted from the Webflow CMS can keep its live address until the site is published. Publish the Webflow site once, then retry the delivery.
Need help connecting? Contact support, visit the Help Center, or see our other publishing integrations.
