Keeping your website up-to-date is essential—whether you’re editing text, swapping out images, or adding a new team member to your About page.
If your website is built in Webflow, the good news is: you can make these changes yourself—without having to pay a developer.
In this post (and the video above), I’ll walk you through how to update your Webflow website using both the Webflow Editor and Webflow Designer. You’ll learn how to edit text, change images, and add new content the right way.
Webflow Editor vs Webflow Designer: What’s the Difference?
Before diving into the steps, it’s important to understand the difference between Webflow's Editor and Designer modes:
- Webflow Editor: This is the easiest and safest way for clients or team members to make day-to-day content updates—like editing text, changing images, or publishing blog posts.
- Webflow Designer: This is where the layout and structure of your site is built. It's more powerful, but with great power comes... the risk of accidentally breaking things if you're not sure what you're doing.
In general: Use the Editor for updating text and adding more content (like blog posts or team members). Use the Designer to upload and compress new images. Or, you can also use the Designer to edit text if it's too difficult to click on it in Editor mode.
How to Edit Text on Your Webflow Website
- Log into your Webflow Editor
In your Webflow account, hover over your website and click the site settings gear icon in the top right corner. Then click Editor. - Click on the text you want to change
It’s all inline, so just click and type—like editing a Google Doc. - Press “Publish” when you’re done
This will push the changes live to your site. Otherwise your changes won't be saved.
💡 Pro tip: If the text is part of a Collection (like a blog post or service item), you’ll need to update it from the “Collections” panel in the Editor.
How to Add New Content to Your Webflow Site
Want to add a new blog post, testimonial, or team member? If your website was set up with CMS Collections, adding new content is easy:
- Go to the Collections tab in the Editor
- Choose the right collection (e.g. “Blog Posts”)
- Click “New”, fill in the fields, and hit Create
- Publish your changes to make it live
🛠️ Please note: If you want to add completely new sections or data fields, that usually requires changing the overall collection in the Designer.
How to Upload and Compress Images to Your Webflow Site (for Faster Load Times)
One of the most overlooked parts of maintaining a healthy website is image optimization. Large image files can seriously slow down your site, which hurts both user experience and your search engine performance.
Here’s how to properly upload and compress images in Webflow to keep your website running fast and looking great.
Step 1: Compress Your Image Using TinyPNG
Before uploading any image to Webflow, you should shrink its file size.
Here's how:
- Go to tinypng.com – it’s free and easy to use.
- Drag and drop your images into the upload area (they must be under 5MB).
- Download the compressed versions.
- Rename the images to include SEO keywords.
This reduces the file size without losing quality, which helps your site load faster.
Step 2: Upload Your Image in the Webflow Designer
Once your images are compressed:
- Open your Webflow project in the Designer.
- Click on the Assets panel (the image icon in the left toolbar).
- Drag and drop your images into the panel or use the upload button.
Step 3: Compress Your Image Inside Webflow
After uploading:
- Click on the image inside the Assets panel.
- Then click “Compress” at the top of the panel.
- Webflow will display a message once the image is compressed successfully.
- You can select multiple images at once to save time.
This extra step helps Webflow serve your images in the best possible format.
Step 4: Replace an Existing Image on Your Website
Once your image is uploaded and compressed:
- Hover over the image on your website in the Designer.
- Click the gear icon (settings) that appears.
- Click “Replace Image” and select your new one from the Assets panel.
- Don’t forget to click Publish to push the changes live.
Why This Matters for SEO and Performance
Optimised images make a huge difference in how fast your website loads—especially on mobile. Search engines like Google consider page speed when ranking your site, so taking a few extra minutes to compress and manage your images properly is well worth it.
What Not to Do in Webflow Designer (To Avoid Breaking Your Layout)
I would recommend sticking to only editing text, adding new collections content (like blog posts, team members etc.) and swapping out images if you're using the Designer.
So, it's recommended to avoid clicking any style settings on the right or clicking and dragging any elements.
If you do this by accident, you can always exit back to your Webflow account without clicking publish and then it will go back to how it was the last time it published.
If you're unsure about a change, feel free to send me a message. It's always easier to guide you through it than to fix something that's accidentally gone off-track.
Luckily, Webflow automatically backs up your website so in the worst case scenario you can always revert back to a previous version of the website.
If you ever need some help from a Webflow agency, feel free to get in touch.