Editing content on the live website with the Editor

March 21, 2016

Webflow CMS' Editor is the best way to edit and add any content on your site. While most CMS products offer only a backend dashboard — which looks nothing like the the actual site — Webflow lets you edit content right on the live website.

How to access the Editor

How you access the Editor may vary, depending on your role.

Site administrator or Team plan member

If you're an administrator, just click the Editor button you'll find in your Site Settings. This gives you instant access to the Editor without having to log in. But you can also use the method below.

Access the Editor from the Site Settings of the website
Access the Editor through the Webflow Designer


If you're a Collaborator, you can access the CMS once you've been invited by the CMS Administrator. Just click the link in the invite email, create a username and password, and log in. After that, you can simply add ?edit to the end of any URL on the site to jump into the Editor.

Example: http://yourdomain.com/?edit

Both you (the site builder/admin) and one other Collaborator can access the CMS for free, once you have CMS hosting set up. If you need more Collaborators, it's just $6 per person per month for each additional collaborator.

On-page editing

The first, and most common, method of editing content on your site is through on-page editing.

Most content on your website is editable by default, but the site designer can lock down some elements.

It's also worth noting that any dynamic content you change (like a blog post title) will automatically update across your site.

Saving changes

Any content that it is edited on the page will be automatically saved, but it won't appear on the live site until the next time it's published. It will instead be shown as an Unpublished Change

You can track any Unpublished Changes on the bottom right of the Editor Panel.

Syncing changes

If the site admin and a content editor are making changes to the site at the same time, neither will see changes until the browser refreshes. It's also important to note that if two people are editing the same content at the same time, whichever changes are published last will "win." In other words, if the designer and an editor make changes to the site's main headline, and the designer publishes at 10:13 a.m. while the editor publishes at 10:14, the editor's changes will actually go live.

Managing content

You can easily search for content in your collections by name with the search box at the top of the page. Your matching results will display almost instantly as you type.

You can also manage and filter your columns based on the fields you're using. Just click the thumbtack icon on the top right, and select which fields you want displayed.

Once displayed, you can sort and organize them as you see fit! You can sort ascending or descending for numerical fields, alphabetically for content fields, and even by color warmth with color fields.

Mat Vogels is a designer located in Denver, Colorado. After graduating from the University of Colorado, Mat jumped straight into the world of tech, working at companies such as PaySimple and Webflow as both a designer and marketer. Everything changed after Webflow's capabilities allowed him to jump headfirst in to the competitive world of freelance, creating entire brand and web experiences for dozens of companies. With the experiences of working with a wide range of companies, Mat thrives off teaching others how they too can supercharge their entire web creation process with the latest tools (like Webflow) and a broad range of the latest design techniques and approaches.