UI state

Form blocks allow you to add form elements to a website, including appointment booking, surveys, applications, polls, and contact forms.

The far right vertical panel in the Designer that houses the Style panel, Element settings panel, Style manager panel, and Interactions panel.

A browser, or web browser, is a software program that allows users to access, navigate, and interact with websites on the internet.

Static content is content that’s not bound to any Collections or dynamic elements.

Form submission notifications that have no reference to Webflow (e.g., notifications sent from “no-reply@webforms.io” instead of “no-reply@webflow.com”).

To copy an element and its content, styles, and settings.

The spacing between the bottom border of an element and the element(s) below it.

A Uniform Resource Locator (URL) is a standardized web address format that allows users to identify and access an online resource.

Python is a high-level, object-oriented, general-purpose programming language (GPL).

A heading is a text element that provides a title or headline for a section of content on a webpage. These elements guide users and search engines through your content.

An HTML input field, represented by the syntax <input>, is a web page element where users input data, like text and numbers.

The baseline is the fixed invisible line that serves as the base for letters. It’s used as a measurement for line height and x-height.

A visible "Made in Webflow" badge displayed in the bottom right corner of Webflow sites on Starter plans.

The specific domain or subdomain where your Webflow site is displayed.

The base tag specifies the base URL for all relative links within HTML code for a specific page or document.

An application context is a set of data that identifies an application’s tasks, where those tasks originate, and how those tasks are configured.

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

The currently selected element.

Return on investment (ROI) is a metric evaluating the profitability or gain of a venture.

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.

Top of the funnel (TOFU) refers to the initial marketing funnel stage where potential customers become aware of a brand’s existence.

A second-level domain (SLD) is the part of a domain name that precedes a top-level domain (TLD).

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

The mode that enables a designer to build in Webflow.

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

A key, or web key, is a unique identifier that authorizes access to a webpage or service.

Middleware is software that links different programs and applications, allowing them to interact and communicate effectively.

Really Simple Syndication (RSS) is a web format that automatically distributes frequently updated content to subscribers, eliminating the need for subscribers to check the website manually to stay up to date.

A way for others to test/debug your Webflow site in the Designer without being able to save or make permanent changes.

A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

In coding, a constant is a fixed value that can’t change, no matter where it appears or what the program uses it for.

A 256 x 256 px image associated with your website that shows up when your website link is saved to an iPhone home screen.

A parent folder is a directory containing one or more folders and files.

Decryption is the process of reverting encrypted data to its original format.

A call stack is an ordered list of the functions (or stack frames) a program has to execute before it returns a result.

The span tag is used to style inline-text.

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

File Transfer Protocol (FTP) allows for the transfer of files between two parties over TCP/IP-based communication channels, such as the internet.

Behavioral targeting is a marketing technique that leverages user data to deliver personalized ads to drive conversions.

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.

Any element that is further up the element hierarchy of the document tree. For example, the Body element is the ancestor of all elements on the Designer canvas.

A registrar, or domain name server (DNS) registrar, manages the sale of domain names and the assignment of IP addresses, ensuring each domain’s uniqueness.

Webflow's content management system (CMS) is where dynamic content (Collections and their Collection items) is stored and maintained so you can reference it throughout your site. A CMS lets you input data in one location, then use Collection template pages or Collection lists to display that content without having to update the content displays one at a time.

Character encoding is the process of representing characters (such as “a” or “3”) in a particular way, such as text on a computer screen.

The dropdown menu to the right of the Selector field that allows you to access and change the styles of an element when it is hovered, pressed, or focused.

An em in CSS is a scalable and relative unit of measurement that defines the size of an element relative to its parent's font size.

A language code is a standardized code of letters and numbers that represent different languages.

A Webflow element that displays externally hosted videos such as YouTube and Vimeo.

Java is an object-oriented programming language for building dynamic, interactive web applications across platforms

Third-party applications that you've given access to your personal and/or website data.

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

A Webflow canvas setting that lets you create styles for viewports with a minimum width of 240px and a maximum width of 479px. Also known as the mobile portrait media query.

Lets you control how Collection items display inside a Collection list. The default layout option has each item covering the full width of the parent element. You can change this to display Collection items in 2, 3, 4, or 6 columns.

Real-Time Streaming Protocol (RTSP) is a standardized network protocol for transmitting real-time multimedia data like audio and video.

PNG, short for Portable Network Graphics, is a lossless image format known for its transparency support and quality retention after compression.

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.

CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.

A class is a template that defines variables for objects with similar properties.

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.

An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

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

URL redirect, or URL forwarding, is a web server function that automatically sends users from one web address to another.

A content network is a collection of websites where advertisers can pay to display digital ads.

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.

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

The area where you can manage your profile, email settings, and security settings.

The first tab in the right-side panel that allows you to assign classes to elements and style them.

The last time someone made a change to your site.

The document object model is a platform- and language-neutral interface that lets programs and scripts dynamically access and update the content, structure, and style of documents.

You can manage your site pages within Page settings. Here, you can rename, duplicate, delete, or save pages as drafts. You can also set SEO, Open Graph, and site search settings, as well as insert custom code. Additionally, you can set RSS settings for Collection pages.

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

By default, Collection lists display all items in a Collection, but you can add limits to control the number of Collection items that display.

Through the pagination settings, you can preview Collection list pages by choosing the page number from the page dropdown list, or you can switch to the previous or next page using the arrow keys.

Padding is a CSS property defining the space between an element's borders and its content.

The element directly above in the hierarchy tree.

A feature that allows you to see how your site would be displayed in a browser without needing to publish your site or leave the Designer.

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.

A flexbox property that lets you customize the alignment behavior of flex children, based on the main axis of the flex container — that is, whatever you defined as the flex-direction. Options include start, center, end, baseline, and stretch.

To remove an element and&nbsp;its content from your website.

The min-width CSS property defines an element's minimum width. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

The type of element you're working with, i.e., H1, link, button, etc.

The color-coded borders of elements you'll see in the Webflow Designer.

Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

A cryptographic hash function takes an input message of any length, such as a file, message, or password, and uses a mathematical formula to produce a fixed-size output (hash).

A field label is descriptive text that helps users understand what information to enter in an input field on a web form.

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

The amount of pages your site currently has.

Interpolation is a mathematical process that estimates and creates new values based on known values and their relationship.

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.

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.

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

A button is an interactive element that facilitates user actions.

Encapsulation is an object-oriented programming (OOP) process that combines functions and the data they manipulate into a single entity.

A Uniform Resource Identifier (URI) is a string of characters identifying an online resource.

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

Bad neighborhoods are groups of websites that search engines have downgraded because they violate search engine guidelines.

The color wheel shows several colors in a circle to represent primary, secondary, and tertiary colors and their relationships.

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

An IP (Internet Protocol) address is a unique string of characters identifying devices connected to the internet.

A typography element used for displaying multi-sentence text content.