Color field

When a search engine crawls your site's Webflow subdomain (e.g., your-site.webflow.io).

A shim is a code snippet enabling modern web features to function within older programming or browsing environments.

Webflow's visual content editor. You can access it through the Webflow Dashboard by clicking the “3 disclosure dots” on a site thumbnail, then clicking “Editor.” Guest editors can access it anywhere on their live site by adding ?edit after the page URL (e.g., yoursite.com/page/?edit).

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.

A section of the Add panel that contains the elements that act as a website's fundamental building blocks (e.g., div block, list, button, etc.).

The page people see when they visit your site's root domain. Read more about the homepage.

A custom font is any non-system-default typeface you manually upload to your website.

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.

The most flexible display property in CSS is the aptly named display: flex, which allows you to create flexible layouts with elements that you can align and distribute vertically or horizontally.

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.

BigInt, which stands for “big integer,” is a JavaScript data type. JavaScript uses data types to decide how to treat a piece of data.

A measurement unit relative to an element's parent.

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

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.

The currently selected element.

Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

Margins are an essential spacing element of web design, dictating the amount of whitespace between a box and its surroundings.

Search Engine Optimization (SEO) is a collection of strategies to enhance a website’s ranking and visibility on search engines.

A radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.

Flex-direction is a CSS property that defines the main axis and direction of flex items, dictating the arrangement of the items within a flex container.

A Webflow element that embeds an interactive Google Map in your site.

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

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

When someone sends data through one of your site's forms.

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.

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

Clickjacking is when a malicious actor deceives website visitors into clicking buttons or links hidden in a fake layer to steal sensitive data or install malware.

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

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

The <strong> element defines important text with added semantic importance.

The checkout process in ecommerce is the process that online customers go through to complete a purchase.

SSL (secure socket layer) is the standard method for establishing an encrypted link between a web server and a browser.

A form element that allows you to make a selection in a dropdown list.

Right margin is a CSS property that defines the space between the right edge of an element and its surroundings.

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.

An element that contains ordered (numbered) or unordered (bulleted) lists.

Client-side is the user-facing part of a web app, responsible for processing user input and displaying content.

A Webflow element that embeds a Twitter Follow or Tweet button into your site.

A Webflow plan that applies to your entire Workspace.

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

A link field is a form input field that enables you to add links to your designs dynamically. You can connect a link field to text links, buttons, or other link elements to turn them into active links.

The state displayed when a Collection contains no Collection items, which gives you the opportunity to design for a situation where there's no content to display. Check out the Empty States blog for inspiration.

A website background is a visual element behind webpage content, enhancing aesthetic appeal and user engagement.

A button is an interactive element that facilitates user actions.

Bundling, or bundle pricing, is a pricing technique in which retailers sell products together at a lower price than they would be sold at individually.

A section is an element of design layout that divides a web page into visually distinct segments.

In JavaScript, literals are fixed values written directly into the code.

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

The display: inline CSS property is a display option that controls an element’s appearance and layout.

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 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.

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.

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

A folder is a subdirectory of your site's root folder for organizing web pages.

Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

To move forward one step while making changes to a Webflow site.

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

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.

The <span> tag is used to style inline-text.

ALPN stands for Application-Layer Protocol Negotiation. It’s a Transport Layer Security (TLS) extension that aids client and server identification during secure data transfers.

A user interface (UI) is any visual element humans interact with on a device, webpage, or application.

Elements are individual HTML components that constitute a webpage’s structure and contents.

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.

A dropdown, or dropdown menu, is a pre-built navigation element you can add to almost any part of a website.

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

All elements on the page targeted by the same selector.

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

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

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

Available in CMS Collections. This field offers you a powerful filtering tool for Collection items. For example, you could create a switch labeled "Featured?" for Blog Posts, and then switch on the toggle to showcase particular posts.

An element that shares the same parent of another element.

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

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

A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.

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

An individual item within a Collection. For example, in a “Blog Posts” Collection, the Collection items are individual blog posts.

The last time your site was published.

Meta keywords are words or phrases you can include in your web page's metadata.

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.

An Adobe Fonts API token protects and supports your data from Adobe Fonts with other programs you may be using to personalize your website’s fonts.

Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

To move backward one step while making changes to a Webflow site.

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

An algorithm is a set of rules or steps that help solve problems or carry out specific tasks.

Help text is a user interface design element that provides additional information or guidance to users to clarify which content should go in a given Collection field.

Email confirmations you receive upon making Webflow payments.

The title used to describe your website throughout Webflow.

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 slug, also known as a URL slug or a website slug, is descriptive text that appears at the end of a URL and identifies a web page.

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

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

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.

Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

An inline frame or <iframe> is an HTML element that embeds an HTML document within another webpage.

A visible “Made in Webflow” badge displayed in the bottom right corner of Webflow sites. Webflow branding also appears in the site’s HTML. Learn more about Webflow branding.

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.

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

Display properties tell browsers how an element should behave on the page. The most common display property keyword category is display: block.

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.