Designer

The Designer automatically saves your progress every 10 seconds.

You can exclude pages from being published to your site by setting them as drafts. These can be unfinished pages, internal pages such as style guides, archived pages saved for backup, etc. Learn more about drafted pages.

A CMS field used in Collections. This powerful field allows you to link to other Collections within your website to populate fields in Collection lists and Collection pages.

A cipher suite is a collection of encryption algorithms that work together to secure a network connection.

A grayscale view of your site’s canvas that visually displays each element’s border, margin, and padding when hovered over.

A Facebook button is a clickable element on a website that allows users to connect to or share content on the social media platform.

A website name, or domain, is the title of a website that appears in the browser tab and search engine results.

Checkboxes are HTML structures that allow visitors to input data.

Allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually.

Agent Instructions are skills and rules that tell an AI agent how to work within a Webflow site or Workspace.

The total weight of your site's HTML, CSS, JS, and images.

Authoring Tool Accessibility Guidelines (ATAG) are a layered rule-set that influence how designers and developers create a more accessible internet.

A blog, short for weblog, is a website or webpage where an individual or group regularly shares content about specific topics, typically in reverse chronological order.

A Webflow component you can use to embed HTML to display external content, plugins, or applications.

A change that has been made in the Webflow Editor but will not appear on the live website until it’s published. You can track any unpublished changes on the bottom right of the Editor toolbar.

Inline style applies CSS to an individual HTML element using the "style" attribute within the HTML tag.

Shared Workspace templates are templates made from your own sites. They can help you create sites with similar layouts and increase your efficiency when designing. Your Workspace members will also have access to your shared Workspace template(s).

The last time your site was published.

A lightbox displays content in a popup or modal window on top of a web page’s main content.

A closing tag is an instructional piece of code that ends a section of page content in HTML.

A 16x16 px image that displays in browser tabs, bookmarks, and other browser areas. It's typically a simplified version of the site's logo.

A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

A digital certificate is a data file embedded in the site that signals the site’s safety to visitors, internet service providers (ISPs), and servers.

Columns let you create sections of content that sit side by side on your website, like the columns in newspapers. You can choose how many columns you want and their widths. You can also control how they display on smaller screens — such as stacking them.

Network latency is the time data needs to travel from one point to another, impacting the responsiveness and speed of web applications and services.

A web app that helps you measure how different site designs impact user behavior.

Field-sizing is a CSS property that lets form elements like text areas and inputs grow or shrink automatically to fit their content instead of staying locked to a fixed size.

Display: none is a CSS property that hides website elements. This code tells the document flow to ignore the element entirely, making it invisible.

A typography element that is used to link to other pages or sections of a webpage.

A child element is an element nested within a parent element in a hierarchy.

A sidebar, typically positioned on the left or right side of a website or app, is a vertical component that contains supplemental information to enrich a webpage’s primary content.

The min-height CSS property defines an element’s minimum height.

Syntax is the name for the rules specifying a programming language's structure and formatting.

:has() is a CSS selector that styles an element based on its descendants or subsequent siblings.

Product attributes are specific characteristics that define purchasable merchandise or commodities and provide relevant information to customers.

A Collection list is a Webflow element that lets you dynamically display content from a CMS Collection.

A smoke test, also called build verification testing or confidence testing, is a preliminary examination to determine the basic functionality of a software, website, or application.

BiDi stands for bidirectional. When a document is BiDi, it supports text that reads from right to left and left to right.

In CSS, flex-order is a property that allows you to manipulate the default source order of the items within a flex container. Flex-order is especially useful when you want content to display differently on mobile than on desktop.

The "height: auto" CSS property automatically adjusts an element’s height based on its content.

A buffer is a temporary storage area that holds data while transferring it between different components or systems.

Content you create once, then publish in many different places across your website. As you update this content in the CMS, it automatically updates wherever it exists on your site, making it convenient to create and manage larger websites.

Closed-loop marketing is an ecommerce marketing strategy that uses customer data to create and improve targeted content.

APIs, or Application Programming Interfaces, are common code protocols that let apps safely exchange data with other apps, software, and hardware.

Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Minified code refers to the process of removing unnecessary characters and whitespace from the source code file without affecting its functionality.

An element that contains content.

A Webflow element that displays graphical files on your website.

The order in which a Webflow site's CSS styles flow from desktop to mobile breakpoints.

Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.

Semantics accurately represent the structure and purpose of content in computer languages, enabling web developers and programmers to ensure the written code produces an output legible to humans and machines.

The toolbar that appears at the bottom of the Editor. From here, you can access the various Editor panels to manage page settings, dynamic content, forms, and your Editor account. You can also see and publish the changes you make through the Editor.

JSON-LD is a structured data format that describes a page's content in a machine-readable way, helping search engines and AI crawlers understand what's on the page.

Traffic, or web traffic, refers to the number of users who visit a website over a period of time.

A Webflow plan that you can add/apply to individual sites. You’ll receive access to different site and hosting features based on your Site plan.

Automagically describes complex content or functions that appear as if they were created using magic.

A navigator, or a navigator window or panel, is a graphical user interface (GUI) that provides an overview of a website's structure and layout.

A list is a Webflow element that displays multiple pieces of content in a structured, visually appealing way. The individual elements that make up the list are called list items.

In programming, a deep copy is a replica of an object that doesn’t share the same references as the original. That way, if you make changes to the duplicate, the original stays the same.

A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.

JSON, short for JavaScript Object Notation, is a human-readable, lightweight format for recording, storing, and exchanging data.

Width defines how wide an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Available in CMS Collections. You can add videos via a link — not an embed code — from an online video host like Vimeo or YouTube. Just paste in the video link and it’ll appear in the native video format from the 3rd-party video player.

You can assign element IDs from the Element settings panel in the Designer. ID selectors are useful for HTML anchors, linking to page sections, or for custom code.

Single-page publishing lets you publish changes to one page without republishing the rest of the site, useful for quick fixes on large sites.

A rich text field is an input tool for formatting or applying text styles, such as bold, colors, font sizes, italics, underline, and other visual modifications.

A section in the Add panel that contains elements associated with the CMS.

A tab in the Add panel that houses prebuilt layouts for your Webflow site.

The amount of pages your site currently has.

All elements on the page targeted by the same selector.

The control flow is the order in which a computer program executes its instructions or statements, guided by control structures.

A hotlink — also known as a remote or inline link — is a hyperlink that directs to a resource, such as an image or a file, without the owner’s explicit permission.

A form element that allows site visitors to enter multi-line data.

Cloneable sites are open source (made available under the CC0 (“no rights reserved”) license). When you enable cloning, you allow any user to copy, modify, and use any part of your site for personal or commercial purposes.Sites with cloning turned off do not give others access to copy your site or open it in the Designer.

A section in the Style panel that houses CSS properties related to how typography is displayed such as font, font size and height, and align.

The default UI state for Collection lists, which displays the items in the Collection. It is the opposite of the empty state.

Domain name forwarding is a process that automatically redirects visitors from your domain name to a different web address.

The flex-shrink CSS property defines how much an element shrinks relative to other flexible items inside the same parent element.

The act of updating your live site to reflect new design changes.

A plugin, also called an add-on or extension, is a software component that enhances the host or browser or application by adding new features or capabilities to it.

Micro conversions are small but important user actions on a website that contribute to the overall conversion funnel.

Asynchronous JavaScript and XML (AJAX) is a web development approach that combines technologies to allow web content to update without reloading.

In cryptography, a cipher is a digital security algorithm that encrypts and decrypts data.

SSL CDN, or Secure Sockets Layer Content Delivery Network, is an option that allows you to serve your images over your own CDN service while using SSL.

A panel in the left toolbar where you can add static pages and folders to your Webflow site. You can also manage and access Utility pages and Collection pages.

Urgency is a marketing term and psychological trigger that incites potential customers and website visitors to act swiftly.

The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Short for Joint Photographic Experts Group, JPEG is a file format that uses lossy compression to maintain manageable file sizes without compromising image quality.

Available in CMS Collections. It lets you insert an integer with or without decimals.

Available in CMS Collections. With this field, you can upload images from your computer and use them as dynamic items in your individual Collection item.

You can transfer sites from one Workspace to another Workspace.

The ability to manually save a version of your site that you can restore at a later date using the keyboard shortcut Command + Shift + S (on Mac) or Control + Shift + S (on Windows).‍

Hyperlinks are clickable elements that allow users to navigate between web pages, documents, or other types of digital content.

The third tab in the right-side panel where you can rename element classes, preview your class and tag styles, search for classes and tags, and delete any classes that aren’t in use.

A section of the Add panel that holds multimedia elements like images, video, and Lottie animation.

A CSS preprocessor is a program that helps developers write Cascading Style Sheets (CSS) by providing advanced features such as variables, functions, and nesting.

A section in the Add panel that houses typography elements such as headings and paragraphs.

A bug is an error, fault, or flaw in an application or software that causes the program to behave unexpectedly, often producing inaccurate and invalid output.

You can sort your Collection items in multiple ways — select the field from the Collection you wish to filter from, then select the ordering option.

MCP (Model Context Protocol) is an open standard that lets AI agents connect to and act within external tools and data sources, like reading or editing a Webflow site.