Edit website in Webflow Editor

Jan Havel
Jan Havel
Published on
January 10, 2023
Estimated read time
 minute read
Jan Havel
Published on
January 10, 2023
Estimated read time
 minute read

The Webflow Editor makes editing of the website and publishing new content, really easy for your client or your team. It allows you to develop the content of a website without any particular web design skills also it is limited to a simple and intuitive interface. Let’s dive deeper and have a look how to edit different content of your website!

Edit website in Webflow Editor

After you log in to the Editor you can start with editing the content. You can edit texts, images, and links. Select a page that you want to change and start with editing.

Watch a video on how to change content using the Editor:

Edit text in Webflow Editor

  • Hover over the text that you want to edit.
  • Click on the “Pencil” icon in the top right corner.
Webflow Web Design Responsive Websites Web Designers Drag and Drop Interface Prototyping Tool
  • Edit the text.
    Webflow uses autosave to save changes. Your changes will not be visible until you click on the “Publish“ button.
  • Publish
    By clicking on “Publish“ button your changes will be visible on the website.

Edit links in Webflow Editor

You can edit or create links in the Editor. Also, you can choose, if the link will open in a new tab.

  • Select a text or link that you what you want to create or edit
  • Click on the “Pencil” icon in the top right corner.
  • Select the text where you want to create a link and click on “Link“
  • Type or paste the URL address that you want to open when you click on the link.In settings, you can choose if you want to open the link in a new tab.
  • Choose the right type of your link. Select “Link“ button → Choose the type of the link that suits you the best.
  • You can choose from a variety of links such as URL, a page from your website, a page section, Email, Phone.
  • Page - use Page if you want to refer to a page on your site such as Blog, Contact, About, etc.
    This helps you in the future. If you change the URL of the Contact page (changing domain, etc.) you will have to change it in all links you have on the page. By choosing “Page“, the link will work out even when you change URL of the the linking page.
  • Page section - use the link “page section” when you want to scroll down/up on your site by using the link or button.
  • Email - add an email address you want to be displayed.
  • Phone - add a phone number you want to be displayed.

Edit images in Webflow Editor

  • Hover over an image that you want to change.
  • Click on the “Image” icon in the top right corner.
  • Select an image you want to use.
  • Click “Open” to replace the image by the selected one.

Edit buttons in Webflow Editor

  • Hover over a button that you want to change.
  • Click on the settings  “Wheel” icon in the top right corner.
  • Click on “Edit link settings”, and change the target URL, Page, Page section, Email, or Phone link where you want the button to be linked. Such as with the links described.
  • Click on “Edit text” to change the text in the button.

Publish in Webflow Editor

To make the changes live on the website you have to click on the “Publish” button. That will publish all staged changes. To be able to do that you will have to confirm, that you want to publish all changes.

The green “Published“ button indicates that you have published all of your changes.

Best of luck, if you have any question, you know where to find me.

Ready to get started?

We specialise in profit generating websites that tell your story, increase your conversions and educate your audience. Reach out to the team today to discuss your project with us.

Contact us

25 Ways your website can make more money 🤑

Get ready to boost your earnings with our handy cheat book! Inside, you'll discover 25 sneaky ways to increase your website's revenue. Tried and true methods only, enter your details below:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.