Design content-driven sites with real content, without relying on front-end developers or complex data systems.
Define custom content structures, then work with an intuitive CMS to add and update content right on the page.
Update content with a REST API that lets you add, update, delete, and publish content from your terminal.
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.
From colors to images to text and numbers, define whatever content you need for the project in mind.
Dynamically change custom HTML elements by replacing changing parameters with CMS fields.
Create powerful relationships between different content types by pulling in data from multiple Collections.
The Webflow CMS has been so seamless, and enjoyable for the client. Page edits as easy as a Squarespace sites for the client, but complete design control for me.
The marriage between the CMS and Designer tools in Webflow is what sets it apart. This is the future of digital design/development.
Thanks to Webflow, we can now deliver better websites, at a faster rate and with much simpler content editing for clients than we could with Wordpress or Joomla.
Designing content-driven websites with Webflow is simple — just connect your layout with the fields in your Collections, then work with that content right on the page. No messy code work or database management required.
You’re not locked into any layout — simply add the elements you want and pull in the data from your CMS.
Conditionally display content as needed, sort based on a given field, or hide content you don’t need.
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.
Invite teammates and clients so they can edit and add new content anytime.
Work on a site at the same time, without stepping on each other's toes.
Need to change an article's headline? Edit it once, and it’ll update across the site.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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://cdn.dev.website-files.com/59b8b744/588b74d_1477010-image3.jpg"
},
"main-image": {
"fileId": "580e63fe8c9a982ac9b8b749",
"url": "https://cdn.dev.website-files.com/58b8b744/580e6b749_1470257-image20.jpg"
},
"slug": "5-principles-of-effective-web-design",
"updated-on": "2016-10-24T19:42:46.957Z",
"updated-by": "Person_5660c5338e9d3b0bee3b86aa",
"created-on": "2016-10-24T19:41:52.325Z",
"created-by": "Person_5660c5338e9d3b0bee3b86aa",
"published-on": "2016-10-24T19:43:15.745Z",
"published-by": "Person_5660c5338e9d3b0bee3b86aa",
"author": "580e640c8c9a982ac9b8b77a",
"_cid": "580e63fc8c9a982ac9b8b745",
"_id": "580e64008c9a982ac9b8b754"
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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://cdn.dev.website-files.com/59b8b744/588b74d_1477010-image3.jpg"
},
"main-image": {
"fileId": "580e63fe8c9a982ac9b8b749",
"url": "https://cdn.dev.website-files.com/58b8b744/580e6b749_1470257-image20.jpg"
},
"slug": "5-principles-of-effective-web-design",
"updated-on": "2016-10-24T19:42:46.957Z",
"updated-by": "Person_5660c5338e9d3b0bee3b86aa",
"created-on": "2016-10-24T19:41:52.325Z",
"created-by": "Person_5660c5338e9d3b0bee3b86aa",
"published-on": "2016-10-24T19:43:15.745Z",
"published-by": "Person_5660c5338e9d3b0bee3b86aa",
"author": "580e640c8c9a982ac9b8b77a",
"_cid": "580e63fc8c9a982ac9b8b745",
"_id": "580e64008c9a982ac9b8b754"
}
]
Import content from an existing database.
Export content as JSON for use in other apps.
Integrate other data sources with Webflow.
Create custom webhooks to fire actions when items are added, updated, or deleted.
Have a mobile app? Pull CMS data into your native experience.
Use Zapier to take advantage of pre-built API connections, and create powerful data integrations without looking at code.
Import from Google Sheets — or create a new entry each time you publish a post.
Feed form data directly into your CMS to surface user-generated content.
Automate social media by posting an update when you publish new content.
Export all your content to a Google Sheet.
Send a dynamically populated email based on form and CMS data.
Over 1 million designers can't be wrong.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
