>
CMS

Content management, meet visual design.

Create the content structures you need, add content (by hand, from a CSV, or via our API), then design it visually. Finally, a content management system that works for editors, designers, and developers.

A CMS that works for everyone

Editors
Write, edit, and update content right on the page, then publish in a click.
Learn how it works for Editors
Content strategists
Create custom content types and structures to meet your strategy's unique needs.
Learn how it works for Content strategists
Developers
Add, update, delete, or publish right from your terminal via our REST API.
Learn how it works for Developers

Designers

Design your pages visually, with real content.
Connect any design element to your Collections, then work with that content right on the page. No messy code work or database management required.

Connect dynamic content to any layout

You’re not locked into any layout — simply add the elements you want and pull in the data from your CMS.

Filter what you display

Conditionally display content as needed, sort based on a given field, or hide content you don’t need.

Build a custom search experience from scratch

Design your search experience from scratch — visually — and control exactly what content your site visitors can discover.

Editors

Write and edit content, right on the page.
Say so long to the clunky, disconnected dashboards of other CMSs. Webflow CMS lets you add and edit right on your live website, and publish with a click.

Give clients access

Invite teammates and clients so they can edit and add new content anytime.

Edit once — update everywhere

Need to change an article's headline? Edit it once, and it’ll update across the site.

Content strategists

Easily create well-structured content with custom fields.
Don’t lock yourself into inflexible templates, blog-centric content structures, or complex code languages. Just build the schema you need and connect it to any design you want.

Work with all kinds of content

From colors to images, text to numbers, define the content and structures you need for your project.

Dynamic HTML embeds

Automatically populate rich content embeds with content pulled from your CMS fields.

Reference other content types

Create powerful relationships between content types by pulling in data from multiple Collections.

Migrate content to Webflow

Import content from another CMS or a spreadsheet, or export your content to use wherever.

Developers

Work directly with the JSON underlying your CMS
Work with Webflow’s CMS API to bring content in from external data sources, connect an existing CMS, or publish to a mobile app.
Read the documentation
↗️
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

CURL request:
curl https://api.webflow.com/collections/b8b745/items/c9b8b754 \
  -H "Authorization: Bearer d59f6812bb0d77f23417b32" \
  -H 'accept-version: 1.0.0'

JSON response:
"item": [
  {
    "post-name": "5 Principles Of Effective Web Design",
    "post-body": "<h2>Earum laboriosam ab velit.<h2><p>Et aliquam fuga corporis sit assumenda culpa minima nostrum. Rerum corrupti cum quod laborum a. Non voluptatum ipsam ut et nostrum. Omnis deleniti hic est velit nemo et.</p>...<p>Iusto accusamus quia nisi rerum reiciendis minus quam debitis. Sit illo eos qui. Nisi et autem sequi.</p>",</h2></h2>
    "post-summary": "Quo eligendi nihil quia voluptas qui. Non distinctio voluptatu",
    "thumbnail-image": {
      "fileId": "580e63ff8c9a982ac9b8b74d",
      "url": "https://assets-global.website-files.com/59b8b744/588b74d_1477010-image3.jpg"
    },
    "main-image": {
      "fileId": "580e63fe8c9a982ac9b8b749",
      "url": "https://assets-global.website-files.com/58b8b744/580e6b749_1470257-image20.jpg"
    },

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

JS request:
const webflow = new Webflow({ token: api_token }); // Promise const item = webflow.item({ collectionId: '580e63fc8c9a982ac9b8b745', itemId: '580e64008c9a982ac9b8b754' }); item.then(i => console.log(i));

JSON response:
"item": [
  {
    "post-name": "5 Principles Of Effective Web Design",
    "post-body": "<h2>Earum laboriosam ab velit.<h2><p>Et aliquam fuga corporis sit assumenda culpa minima nostrum. Rerum corrupti cum quod laborum a. Non voluptatum ipsam ut et nostrum. Omnis deleniti hic est velit nemo et.</p>...<p>Iusto accusamus quia nisi rerum reiciendis minus quam debitis. Sit illo eos qui. Nisi et autem sequi.</p>",</h2></h2>
    "post-summary": "Quo eligendi nihil quia voluptas qui. Non distinctio voluptatu",
    "thumbnail-image": {
      "fileId": "580e63ff8c9a982ac9b8b74d",
      "url": "https://assets-global.website-files.com/59b8b744/588b74d_1477010-image3.jpg"
    },
    "main-image": {

Migrations made easy

Import content from an existing database.

Set your content free

Export content as JSON for use in other apps.

Connect an existing CMS

Integrate other data sources with Webflow.

Custom webhooks

Create custom webhooks to fire actions when items are added, updated, or deleted.

Integrate with mobile

Have a mobile app? Pull CMS data into your native experience.

Not a developer?

Connect your site to over 750 third-party services with Zapier — without coding.

Manage content from Google Sheets

Import from Google Sheets — or create a new entry each time you publish a post. Export all your content to a Google Sheet.

Automate your social media

Automate social media by posting an update when you publish new content.

Send dynamic email

Populate and send emails with form and CMS data.

Publish content pulled from forms

Feed form data directly into your CMS to surface user-generated content.

+750 more apps

All features

Discover everything you can do with Webflow.

Localization

new

Create fully localized experiences for site visitors around the world.

Discover feature

CMS

Define your own content structure, and design with real data.

Discover feature

Ecommerce

Goodbye templates and code — design your store visually.

Discover feature

User Accounts

Build gated content experiences for your audience.

Discover feature

Designer

The power of CSS, HTML, and Javascript in a visual canvas.

Discover feature

Edit mode

Custom-built environment for content teammates.

Discover feature

Logic

Create custom automated workflows and connect to third-party apps.

Discover feature

SEO

Optimize your website with controls, hosting, and flexible tools.

Discover feature

Hosting

Set up lightning-fast managed hosting in just a few clicks.

Discover feature

Grid

Build smart, responsive, CSS grid-powered layouts in Webflow visually.

Discover feature

DevLink

Create production-ready React components visually in Webflow.

Discover feature

Figma to Webflow

Turn your static designs into clean, production-ready code.

Discover feature

Interactions

Build websites interactions and animations visually.

Discover feature