Webflow integrationPublish to your Webflow blog
Every SEO article lands in your Webflow blog collection with its title, slug, full body, cover image and summary, and goes live on its own. Connect once with a site API token. Nothing to install.
About five minutes to set up
- 1
Create an API token
In your site settings, generate a token named SEOLadders that can read and write your CMS.
- 2
Pick your blog
Paste the token, choose your site and blog collection, and match the body, image and summary fields.
- 3
Articles publish themselves
Each finished article goes into the collection and live on your site, one at a time.
A real CMS item, ready to read
Your collection's own fields are filled in, so articles look like the rest of your blog.
Full article body
Headings, lists, links, images and quotes in your Rich Text field. Images are copied into Webflow.
Cover and summary
The cover image and a short summary go into the fields you choose.
Title and slug
Filled in for you, so each article has a clean web address.
Live, one article at a time
Each article is published on its own, so your unfinished design changes stay private.
Safe republishing
Publishing again updates the same item. No duplicates, and the address stays the same.
Limited access
The token reaches one site and only what you allow: the CMS and site details.
How to connect Webflow to SEOLadders, step by step
About 5 minutes, no code. Follow along in a second tab.
Before you start
- A Webflow site you can edit, as owner or admin.
- A blog collection in that site. Step 1 shows how to add one.
- 1
Make sure your site has a blog collection
- 1.Open your site in the Webflow Designer and click CMS at the top left.
- 2.If you see a blog collection (often Blog Posts), skip to step 2.
- 3.If not, click Create a Collection, choose the Blog Posts template, and click Create Collection.
- 2
Publish your Webflow site once
- 1.Click Publish at the top right, tick your site address, and click Publish to selected domains.
Only once
Webflow won't accept new posts on a site that has never been published. After this, SEOLadders publishes each article on its own.
- 3
Create an API token
- 1.In your Webflow dashboard, open the site's Site settings → Apps & Integrations.
- 2.Under API access, click Generate API token and name it
SEOLadders. - 3.Set CMS, Pages and Assets to Read and write, and Sites to Read-only. Leave the rest. Pages and Assets let the site audit fix page titles, descriptions and image alt text when you press Apply; nothing goes live until you publish in Webflow.
- 4.Click Generate token and copy it straight away. Webflow shows it once.
- 4
Connect Webflow in SEOLadders
- 1.In SEOLadders, open Content → CMS Integration and click the Webflow card.
- 2.Paste the token into Site API Token and click Load sites.
- 3.Pick your Site, then your blog Collection.
- 4.Match the fields. With the Blog Posts template: Body → Post Body, Featured image → Main Image, Excerpt → Post Summary.
- 5.Leave Publish live immediately on, click Test connection, then Save configuration.
Articles go live on their own
Once you connect, every finished article from your content calendar is published automatically. To check each one first, turn on review mode in Content → Auto Blog.
- 5
Publish your first article
- 1.In SEOLadders, open Content → Content History and click any finished article.
- 2.Click Publish at the top right.
- 3.In Webflow, open CMS and your blog collection. The article is there, and live on your site.
- 4.Publishing the same article again updates the same post, so you never get a duplicate.
If something goes wrong
- The site is not published
- Publish your Webflow site once (step 2), then publish the article again.
- This Webflow site has no CMS collections yet
- Create a blog collection (step 1), then pick your site again.
- An error mentions scopes or permissions
- Generate a new token with CMS, Pages and Assets set to Read and write, and Sites: Read-only.
- The article page looks empty
- Your collection's template page has nothing on it yet. In Webflow, add a heading and a Rich Text block to it, connected to the Name and Post Body fields.
Still stuck? We set it up with you: contact us from your avatar menu, then Support. Developers can find every field and payload in the Webflow docs.
Publishing to Webflow, answered
Setup, what gets published and what happens when you update.
See the full platform →You need a site with the CMS, because articles are added to a CMS collection. Any Webflow plan that includes CMS collections works.
The title and slug always, plus the fields you pick when connecting: the article body (a Rich Text field), the cover image and the summary. With Webflow's Blog Posts template, those are Post Body, Main Image and Post Summary.
No. Each article is published on its own, so unfinished design changes in the Designer stay unpublished. You only publish the whole site once, during setup.
Yes. Tables arrive inside an embed block with borders and spacing already styled, so Webflow's editor shows and keeps them. To change an article, edit it in SEOLadders and publish again.
The same Webflow item is updated in place, so the web address stays the same and you never get a duplicate.
Yes. Switch off Publish live immediately and articles arrive as drafts in Webflow, or turn on review mode in SEOLadders to approve each one first. Auto-publish is on by default once Webflow is connected.
Rank on Google and get cited
by AI on autopilot
Connect your site once and the work runs in the background, it finds the topics, builds the content and authority behind them, then tracks where you land on Google and how often AI platforms recommend you.