The Webflow Editor is a useful tool that helps you manage your website's content. Whether you’re updating text, managing your CMS collections, or adjusting SEO settings, the Webflow Editor provides a user-friendly interface to keep your site fresh and up-to-date. Here, we'll walk you through the seven primary components of the Webflow Editor and what you can do with each one.

‍

Pages: Manage Your Website’s Structure and SEO

The "Pages" panel in the Webflow Editor is your central hub for managing the structure of your website. Here’s what you can do:

1. View All Pages: Easily navigate through your site’s structure by viewing all the pages in one place. This makes it simple to locate and jump to any page on your site.
2. Page Settings: Access the settings for each page by clicking the “Settings” button that appears when you hover over each page in the list. Here, you can update the page’s SEO content including the page Title Tag, Meta Description, and Open Graph info, ensuring your site is optimized for search engines and social sharing.

This component is basic but essential for keeping your site organized and ensuring that each page’s data is set up to serve visitors effectively.

‍

Collections: Manage Your CMS Content

If your website uses Webflow’s CMS (Content Management System), the "Collections" panel is where you’ll manage all of your dynamic content. Here’s how it works:

1. View CMS Collections: Collections in Webflow are essentially tables that hold your dynamic content. For example, you might have collections for blog posts, team members, products, etc.
2. Manage Content: From the Collections panel, you can add, edit, or delete items in your collections. This makes it easy to update content across multiple pages simultaneously, keeping your site dynamic and up-to-date.

This feature is particularly powerful for managing sites with regularly updated content, like blogs, portfolios, or resource libraries.

‍

Forms: Track and Manage Form Submissions

The "Forms" panel is where you can monitor all the form submissions that your site receives, even if your forms are connected to data transfer integrations. Here’s what you can do:

1. View Submissions: Every time someone submits a form on your website—whether it’s a contact form, newsletter sign-up, or something else—their submission is recorded in the Forms panel.
2. Manage Submissions: You can easily browse these submissions, making it easy to keep track of inquiries, leads, or customer feedback. You can even export each form’s submissions to a CSV file if you’d like to analyze the data further in a spreadsheet.

Having all form submissions in one place provides peace of mind that no form submissions will slip through the cracks.

‍

Account: Manage Personal Information and Passwords

The "Account" panel is where you can manage your personal information and update your password. Here’s what you can do:

1. Update Personal Info: Easily edit your personal details such as your name, email address, and other contact information. Keeping your information current ensures that you receive important updates and notifications related to your website.
2. Change Password: For security purposes, you can update your password directly from the Account panel. This is a simple but crucial feature to help protect your account. You can also reset your password during Login if you’ve forgotten it by clicking “Forgot It?” on the Login screen.

In the Webflow Editor you have complete control over your personal information and password settings, and it’s easy to manage as well.

‍

Help & Support: View FAQs About the Editor

If you ever feel lost while navigating the Webflow Editor you can always visit the “Help & Support” panel. Here’s what you can do:

1. View FAQs: The Webflow Editor has a comprehensive FAQ section where you can find answers to common questions. Whether you’re unsure about a specific feature or need troubleshooting tips, this panel can provide quick solutions.
2. Contact Forklift: If you can’t find the answers you need in the FAQs or need additional support, we are here to help! Forklift provides personalized help and answer any questions you may have.

This feature sometimes goes unnoticed, but contains so many helpful nuggets as you learn the ins and outs of how to use the Webflow Editor.

‍

On-Page Editing: Directly Edit Text, Images, and Links

One of the most intuitive features of the Webflow Editor is on-page editing. Here’s what it allows you to do:

1. Edit Text: Simply click on any text element on your page and start typing to make changes. This WYSIWYG (What You See Is What You Get) approach makes content updates quick and easy.
2. Update Images: Replace images by clicking on the image you want to change and uploading a new file. (Note that it is important to make sure that the new image is optimized for web to maintain the quality of your page load speed.)
3. Modify Links: Easily manage the hyperlinks on your web pages. Simply select a text link or button directly on the page and you’ll be able to adjust the button text as well as the link itself.

On-page editing gives you the ability to make real-time changes to your site’s content, ensuring it always looks exactly the way you want it to.

‍

Publishing: Deploy Your Changes to the World

Publishing your changes is the grand finale in your editing process within the Webflow Editor. Until you publish all changes are only visible to you. Here’s what you can do:

1. Overview of Unpublished Changes: Before you publish any changes, Webflow provides an overview of all the modifications you’ve made throughout your editing experience. This ensures that you know exactly what updates are about to go live.
2. Publish with One Click: Once you’re ready, you can deploy all your changes to the live site with a single click. This makes it incredibly straightforward to keep your website up-to-date without any complicated procedures.

Publishing your changes is a crucial step that ensures your updates are reflected on the live site, making your edits accessible to all your visitors.

‍

Final Thoughts

The Webflow Editor is designed to make website management straightforward and accessible. Whether you’re tweaking SEO settings, managing CMS content, tracking form submissions, or making direct edits to your site’s pages, the Webflow Editor provides all the tools you need in a user-friendly interface.

If you’re new to Webflow or need a more detailed guide, be sure to check out Client's Guide to the Editor by Webflow for additional tips and best practices.

At Forklift Studio, we’re here to help you make the most of these tools, ensuring your website is not just functional but thriving. If you have any questions or need assistance, don’t hesitate to reach out to us!