Editing content safely in Webflow
How to make content changes in Webflow without breaking your site's design — best practices and what to avoid.
- Time
- 5 minutes to read
- Difficulty
- Beginner
- You’ll need
- Access to your site in Webflow (for example, the Content editor role)
Webflow's content editor role is designed to keep your site's design safe while you edit: you can change text, images, links and CMS content, but not the design. There are still a few habits that make editing even smoother — and a few things to watch out for. This guide covers both.
Quick summary
Use your content editor access for everyday changes. Click an element, then its Edit icon, to change it. Avoid pasting formatted text from Word or Google Docs — paste as plain text instead. Preview before you publish, and publish only when you're happy with how things look.
What you'll need
- Access to your site in Webflow (the old Webflow Editor was retired in August 2026; clients now edit inside Webflow with the Content editor role)
- Not sure how to open your site for editing? See Edit mode vs design mode
The golden rule: edit content, not design
The most important safety habit is keeping content changes and design changes apart. Webflow shows each person the tools that match their role. With the content editor role, you can edit content, and design changes (layout, styles and element settings) are switched off for you.
If you need to change text, an image, or a link — do it yourself in Webflow.
If you need a new section, a layout change, or a style update — ask Chykalophia. Don't attempt it yourself.
Before you start editing
A few things to check before you make changes:
- Do you have the right access? Content editors see the Pages, CMS, Assets and Settings panels. If you can also change styles and layout, your account has design access, so take extra care or ask us first.
- Is this the right page? Confirm which page you have open before editing. The Pages panel lists every page on the site.
- Know how to undo. You can undo changes with Ctrl+Z (Windows) or Cmd+Z (Mac), or with Webflow's undo icon.
How to edit safely
Edit text directly
Hover over text to see a blue outline around it. Click the text, then click the Edit (pencil) icon that appears above it. Make your changes, then click elsewhere on the page to deselect. Webflow saves your changes automatically.
Don't paste formatted text
This is the most common mistake clients make. If you copy text from a Word document, an email, or a Google Doc, it can bring unwanted formatting with it, such as background colors or hidden characters. That formatting can make text look wrong on your site.
Instead: paste using Control + Shift + V (Windows) or Command + Option + Shift + V (Mac) — this pastes plain text only. It strips all formatting, including bold, italics and links, so add those back afterwards.
Or: paste into a plain text editor (like Notepad or TextEdit) first, then copy from there and paste into Webflow. Make sure the document really is plain text: TextEdit opens new documents as rich text, so choose Format > Make Plain Text first.
Paste as plain text — always
Pasting directly from Word or Google Docs is the #1 cause of formatting problems we see. Use the plain-text paste shortcut every time.
Don't delete things you didn't add
As a content editor, you can delete text and CMS items. Be careful not to delete text that was part of the original design — for example, a section heading or a call-to-action paragraph. If in doubt, leave it and ask us.
Preview before publishing
Before you click Publish, scroll through the page and check that everything looks right. You can also click the Preview ("play") icon in the top bar to preview the page.
Undoing a mistake
You can undo recent changes while you're working:
- Ctrl+Z (Windows) or Cmd+Z (Mac) — undo your last action
- Keep pressing to undo multiple steps
If you've already published a change you want to revert, see Backups & version history — Webflow keeps backups of your site that a site manager (or Chykalophia) can restore.
When to ask for help instead of editing yourself
Some things look like content edits but are actually design decisions. Ask Chykalophia instead of trying to do these yourself:
- Changing font sizes or styles
- Adjusting spacing between sections
- Adding a new column or row
- Changing a background color
- Rearranging the order of sections on a page
These are design changes, which the content editor role can't make. Getting them wrong can affect other pages on the site too.
Common questions
I made a change and the page looks broken. What do I do?
First, try Ctrl+Z / Cmd+Z to undo. If the page already looked broken before you edited it, the issue may be unrelated to your changes. If undoing doesn't help, don't publish — contact Chykalophia.
Can I edit content on a mobile or tablet?
Webflow doesn't support that. It says it needs a mouse-and-keyboard device, meaning a desktop or laptop computer, with a screen at least 1268px wide. Its official browser support covers the last three major versions of Chrome, Edge, Firefox and Safari.
My change isn't showing after I clicked out — did it save?
Webflow saves changes automatically as you make them, but they don't go live until you publish. Check whether you still see the change in Webflow. If you do, it's saved but unpublished.
How do I know what I'm allowed to edit?
Hover over an element. If a blue outline appears, and clicking it shows an Edit icon, you can edit it. If nothing happens, that element isn't editable for your role (the site's designers can lock specific elements). Contact us if you need to edit something that isn't responding.
Related guides
- How to edit text
- How to edit & replace images
- How publishing works in Webflow
- Backups & version history
- Edit mode vs design mode
- Troubleshooting Webflow problems
Need a hand?
Learn more
Last updated