Review: The core parts of Webflow

Let’s review the core parts of Webflow before you start navigating the product itself.

You don't need to remember all of these now. Each one has dedicated lessons and courses on Webflow University — you'll get to the parts your role depends on soon enough.

The canvas

The canvas is where most day-to-day work happens in Webflow.

This is the visual workspace where your team can design pages, edit content, leave comments, preview changes, and prepare updates for publishing.

Depending on your role, the canvas may show different tools. A designer may see full layout and styling controls. A marketer or content editor may see a more focused editing experience. A reviewer may primarily see commenting tools.

The Webflow CMS

The CMS, or Content Management System, helps teams manage structured content at scale.

Instead of manually building the same type of page over and over, teams can create collections for repeatable content like blog posts, case studies, authors, product pages, resources, events, and more.

Once that structure is set up, content can be added, edited, reused, and displayed across the site.

Hosting, publishing, and staging

Publishing is how changes move from Webflow to the live web.

Before publishing, teams can preview their work and test changes in a staging environment. When everything looks ready, approved changes can be published to make them live.

Who can publish depends on your workspace role and site permissions.

Collaboration

Multiple teammates can work in the same site, leave comments directly on the canvas, review changes, and contribute based on their role. Permissions help keep each person focused on the right work while protecting parts of the site they don’t need to change.

SEO and AEO

Building a great site is only part of the work — people and AI systems still need to discover it.

Webflow includes built-in tools for search engine optimization, or SEO, including title tags, meta descriptions, canonical tags, redirects, and sitemaps.

Webflow also supports answer engine optimization, or AEO, with features like schema markup generation, llms.txt support, and AI traffic insights. These tools help AI systems better understand, attribute, and represent your content across AI-powered discovery experiences.

Extensibility

Most sites don’t exist in isolation. They connect to analytics platforms, CRMs, marketing automation tools, internal systems, AI workflows, and custom applications.

Webflow is designed to fit into that broader ecosystem. Teams can install integrations, build workflows with APIs and webhooks, and extend functionality with custom code.

For full-stack applications, Webflow Cloud provides a serverless platform for deploying frameworks like Next.js and Astro alongside Webflow projects on the same domain.

AI and MCP

Webflow also supports AI-assisted workflows.

Inside Webflow, you may see tools like AI Assistant, AI code components, and Agent instructions, which can help teams generate content, build faster, and guide AI outputs based on team preferences.

Your team may also connect external AI tools to Webflow using MCP, or Model Context Protocol. MCP lets approved tools like Claude, ChatGPT, and Cursor work with Webflow context, so teams can ask questions about a site, manage content, or speed up certain building and CMS workflows.

You don’t need to set this up right now. For this course, just know that AI may be part of how your team works in Webflow — and your role and permissions still matter.

Add-ons

Once your site is live, the work doesn’t stop. The most effective teams keep measuring, improving, and adapting.

A few Webflow add-ons help with that:

Analyze gives you insight into visitor behavior, including click maps, scroll depth, bounce rates, and conversion data.

Optimize helps you test different page variations with A/B testing, personalize experiences, and improve conversion rates through experimentation and AI-powered optimization.

Localize helps teams translate and adapt content for different languages, regions, and markets, so experiences feel local to audiences around the world.

Ready to move on?

Next, we’ll go to the Dashboard (your home base in Webflow) and look at how workspaces, sites, site cards, and site settings are organized.