Edit website in Webflow Editor

Jan Havel
Jan Havel
Published on
September 21, 2022
Estimated read time
6
 minute read
Jan Havel
Published on
September 21, 2022
Estimated read time
6
 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

  1. Hoover over the text that you want to edit.
  2. Click on the “Pencil” icon in the top right corner.
  1. Edit the text.
    Webflow uses autosave to save changes. Your changes will not be visible until you click on the “Publish“ button.
  2. 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.

  1. Select a text or link that you what you want to create or edit
  2. Click on the “Pencil” icon in the top right corner.
  3. Select the text where you want to create a link and click on “Link“
  1. 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.
  1. 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. However, if you choose “Page“ instead, the link will always work out for you.
  • 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

  1. Hoover over an image that you want to change.
  2. Click on the “Image” icon in the top right corner.
  1. Select an image you want to use.
  2. By clicking on “Open” the image will be replaced by the selected one.

Edit buttons in Webflow Editor

  1. Hoover over a button that you want to change.
  2. Click on the settings  “Cog” icon in the top right corner.
  1. Click on “Edit link settings”, and change the target URL, Page, Page section, Email, or Phone link where the button is supposed to take you. Such as with the links described.
  2. Click on “Edit text”, and 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.


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