Skip to main content
The Content & CMS feature lets you manage structured content — blog posts, news, case studies, documentation — separately from page layout. You write once in the dashboard; your pages display it dynamically.

​
When to use the CMS

​
Step 1 — Enable Content & CMS

  1. Open your project dashboard.
  2. Go to Features and enable Content & CMS (enabled by default on most projects).
  3. Open Content in the sidebar.

​
Step 2 — Create a content type

A content type is a template for entries — like “Blog Post” or “Team Member.”
  1. Click Add content type.
  2. Name it (e.g. Blog Post).
  3. Add fields — common ones:
    • title (text)
    • slug (text, for URLs)
    • body (rich text)
    • excerpt (text)
    • coverImage (image URL)
    • publishedAt (date)
  4. Save the content type.
Each content type gets a key (e.g. blog_post) used by pages and the SDK to fetch data.

​
Step 3 — Write entries

  1. Open your content type → Entries → New entry.
  2. Fill in fields. Use the AI assistant in the entry editor to draft or refine copy.
  3. Set status to published when ready.
Entries can be organized with categories for filtering on listing pages.

​
Step 4 — Show content on your site

​
Option A — Ask the AI (easiest)

In the page editor, prompt the AI:
  • “Create a blog listing page showing published Blog Post entries with title, excerpt, and cover image”
  • “Add a blog detail page at slug blog/{content_entry_id} that shows the full post”
The AI wires up the correct SDK calls automatically.

​
Option B — Dynamic page slugs

For detail pages, use a slug with a wildcard:
Webstorio matches the URL segment to a CMS entry. The page code reads the current ID with window.webstorio.getPathParams().

​
Content workflow tips

Draft first: Keep entries in draft until you’re ready. Listing pages typically filter by status: "published".
One content type per purpose: Separate “Blog Post” from “Product announcement” if they need different fields or URLs.
Free plan limit: The Free plan allows a small number of content entries. Upgrade if you need a full blog archive.

​
For developers and agents

Editing page code yourself? Published sites read CMS data with window.webstorio methods like getContentEntries and getContentEntryById. → Methods, parameters, and examples: CMS SDK reference Prefer an AI agent to manage types and entries? Connect MCP — tool list in the MCP reference.