Publish RankOps AI articles to Webflow CMS
Connect a Webflow CMS Collection, map the article fields once, and send reviewed RankOps AI articles as staged or live Webflow items.
How the Webflow publishing flow works
- 1Create or choose a Webflow CMS Collection for articles.
- 2Save your Webflow site URL, Site Token, Collection, and field mapping in Website Setup.
- 3Review an article in RankOps AI, then send it to Webflow as a staged item or publish it live.
What RankOps AI sends to Webflow
RankOps AI sends the article content that a Webflow CMS Collection needs for a clean SEO publishing workflow.
- Article title
- Mapped to your Webflow title field, usually Name.
- Slug
- Mapped to the Webflow slug field so the final URL stays readable.
- Article body
- Mapped to a Rich Text field so headings, lists, and links keep their structure.
- Summary fields
- Optional excerpt and meta description fields can be mapped when your Collection uses them.
What you need in Webflow
- A Webflow site
- Use a test Webflow site first, then move to your production site when the flow is verified.
- A CMS Collection
- Prepare fields for title, slug, article body, and optional summary fields.
- A Site Token
- Create a Webflow Site Token with CMS read and write access, then paste it into RankOps AI.
- A published Webflow site
- Live publishing is verified against the public article URL.
Before you publish live
A successful connection means RankOps AI can reach your Webflow CMS. The public article URL also depends on your Webflow site setup.
- Design the Collection template page
- Open the CMS Collection page template in Webflow and bind the article title and body fields to visible elements.
- Publish the Webflow site
- Publish the site or the CMS template to your webflow.io domain or connected custom domain before checking the live article URL.
- Use the public site URL in RankOps AI
- Save the domain where readers can open articles, not the Designer URL or a private preview URL.
- Check plan and item limits
- Free Webflow sites are useful for testing, but CMS item limits and custom-domain publishing depend on your Webflow plan.
- If the article is in CMS but the URL is 404
- Check the Collection template, field binding, and site publish state first. The item may be created correctly even when the page is not ready to display it.
Webflow setup guide
Use this checklist when connecting Webflow in RankOps AI Website Setup.
1Prepare a CMS Collection
Create an Articles or Blog Posts Collection with title, slug, and Rich Text body fields.
The Collection has a Rich Text field for the article body and a Collection template page for public articles.2Create a Site Token
In Webflow, create a Site Token that can read CMS structure and write CMS items.
The token is saved only in RankOps AI Website Setup.3Map fields in RankOps AI
Choose Webflow CMS, paste the site URL, then fill in the site, Collection, and field mapping values.
The connection test can read the Collection and fields.4Publish a test article
Send one reviewed article as a staged item first, then publish a live test when the public Webflow URL is ready.
The public article URL opens without requiring a login and shows the title and article body.