- Webflow CMS
- The Webflow CMS is Webflow's feature for mass-producing pages that share a design — used for regularly updated pages like blogs and news, with automated SEO features including title tags, structured data, and breadcrumbs.
This article is a complete guide to the Webflow CMS — including the techniques we use at Webharu, and the honest inconveniences we've hit through daily use.
The complete Webflow CMS guide: what it can do
What the Webflow CMS handles, in list form:
- Blogs and news sections
- Production aligned with proper HTML tags
- Automatic basic SEO
- Automatic breadcrumbs
- YouTube embeds inside articles
- Per-article author display and author registration
- Category organization with per-category color coding
Those are the workhorse features. Let's go a little deeper on each.
Blogs and news with the Webflow CMS
A CMS, put simply, is a machine for mass-producing pages with the same design — for anything you update regularly, like a blog or news page. Webflow lets you architect the CMS freely, so you can build a lean structure fitted exactly to your needs.
Three steps to adopt it
Webflow CMS adoption breaks into three steps: define the CMS fields, design the CMS page, and bind the design to the fields.
Link multiple CMS collections for advanced setups
Category organization and author registration work by creating additional collections and referencing them. Using multiple collections is standard practice — per-category colors, author records, recommended-article modules — improving both efficiency and SEO.
Webflow CMS annoyances and limitations (the small bugs daily use reveals)
Webflow is powerful but not 100% satisfying. Here's what to know before adopting, from real use:
- [Bug] Text occasionally fails to save
- CMS images can't be used in sliders
- Tables of contents aren't easy to build
- Code export needs separate handling
- No WebP conversion in the CMS
[Bug] Writing directly in the CMS occasionally glitches
Writing directly in the Webflow CMS, saves occasionally fail or text doesn't register. A reload clears the glitch, but your text is gone. Save frequently — and best of all, write in a separate notes app and paste in.
When the bug tends to strike (our own observation)
Save immediately after using links, lists, or inserting images. Heading tags never glitch, but the other features fail maybe 10% of the time — sometimes silently. The CMS reads heading and link markup from pasted text correctly, so draft-then-paste works well.
CMS images don't work in sliders
Webflow ships a slider component, but CMS images can't feed it. Custom-code CMS sliders circulate as templates if you need one; at Webharu we sidestep it with a scroll-based gallery instead. Like this:
Building a table of contents is tedious
For long articles you want a TOC. WordPress does it with a plugin; Webflow makes you either write code or assign IDs to each section and link to them manually.
The approach we use at Webharu:
>> The simplest table of contents in Webflow, no custom code
No WebP conversion in the CMS
Inserted images can't be converted to WebP — mildly annoying, since static pages convert everything. Here's hoping the CMS catches up.
Code export needs separate handling
Webflow's code export doesn't include CMS data — those sections export as empty holes. The CMS exports separately as CSV, which you can import into WordPress or other tools.
CMS power features a Webflow specialist actually uses
- Color coding through SEO, generated automatically from just writing the article
- WYSIWYG editing of CMS articles
- Embedding CMS data into custom code
From color coding to SEO, all automatic
Used well, the CMS auto-generates everything from per-category colors to SEO: Title tags, description tags, structured data, breadcrumbs. Linked collections make internal-link strategy simple too.
At Webharu we automate internal SEO this way, then layer keyword strategy, market research, rank tracking, and article production on top — which is how we can offer SEO consulting at lower cost than typical firms.
WYSIWYG editing of CMS articles
Webflow has three modes: Settings, Designer, and Editor. The Editor edits published articles in place, and as of 2025 you can also rewrite articles directly inside the Designer.
The Editor has quirks though — loading existing content lags by a few seconds.
Embedding the CMS into custom code
Via "+Add Field" at the top right, you can pull per-article CMS values straight into your code — the basis for more advanced automated functionality.
What the Webflow CMS costs
Using the CMS requires a site plan that includes it (see our pricing guide for current figures). The free tier allows up to 50 articles.
I ran my first 30 articles free — then upgraded, couldn't redirect, and threw away every ranking I'd earned. If you're growing a domain, start on a paid plan from article one.
Is the Webflow CMS expensive?
I once posted a pricing comparison between Webflow and Japan's STUDIO. Here it is↓
Webflow vs STUDIO pricing (at ¥130/USD)
Custom domain — Webflow: ¥1,820/mo / STUDIO: ¥980/mo
With CMS — Webflow: ¥2,990/mo / STUDIO: ¥1,980/mo
STUDIO is remarkably cheap. Webflow, by comparison, runs high.— Haru | Webflow specialist blog (@METANA_flow), 20 January 2023
(Note: Figures compare the plans as they stood at the time.)
Compared with Japan's STUDIO, Webflow is honestly pricey — for a small, cheap site, STUDIO is a legitimate choice.
But many people coming to us from STUDIO or WordPress want to scale their sites up or add e-commerce — which is exactly the profile where Webflow suits large sites and justifies its price.
What goes into Webharu's "no-programmer-needed" CMS builds
Finally, what we actually do in our "no-programmer-needed Webflow CMS" builds. It looks simple, but these three things produce a site that runs without an engineer:
- Annotate every field
- Name everything clearly
- Provide CMS usage support after delivery
A real client CMS, partially revealed
With field names and annotations written out like this, a non-specialist can tell at a glance what goes where. Our clients typically need only about 30 minutes of usage support after delivery.
Build a CMS without experience and item references, names, and functions tangle quickly. If you're building solo, keep names, annotations, and references disciplined.
Webharu builds Webflow sites
Our motto is websites that need no programmer. If that interests you, start with a consultation — English inquiries welcome.
That's the complete Webflow CMS guide.
Frequently asked questions
How much does the Webflow CMS cost?
You need a site plan that includes the CMS. The free tier allows up to 50 articles — but the author once lost all earned rankings upgrading later because redirects weren't possible, so start on a paid plan from article one if you're growing a domain.
What can't the Webflow CMS do?
CMS images can't be used in sliders, tables of contents are tedious to build, there's no WebP conversion in the CMS, and code export doesn't include CMS data.
Is there a fix for the CMS save bug?
A reload clears the glitch but doesn't save your text. Save frequently, and draft in a separate notes app then paste in. Save immediately after using links, lists, or images.
Can CMS data be exported with the code?
No — code export leaves CMS sections as empty holes. The CMS exports separately as CSV, which can be imported into WordPress or other tools.
