Collection field

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

Syntax error refers to a mistake in code that violates the programming language’s rules and prevents the code from executing correctly.

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

You can transfer sites from one Workspace to another Workspace.

An argument is an independent value a function receives to deliver a specific output.

A Webflow plan that applies to your entire Workspace.

Deprecated HTML tags are old tags replaced by updated alternatives in modern web design and development.

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

Localization (l10n) involves adapting digital content and applications to meet a specific region or culture’s language and conventions.

Color gamut describes the full range of colors a device can reproduce on its display.

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.

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 location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

The main interface where you can build sites.

Mid-September 2019, new European requirements for authenticating online payments were introduced in Europe as part of the second Payment Services Directive (PSD2). The Strong Customer Authentication (SCA) requirements apply to businesses in the European Economic Area (EEA) that accept online card payments from cardholders whose banks are also located in the EEA.Webflow Ecommerce payments are PSD2 and SCA compliant (i.e., support 3D Secure payments) for European customers.If you’re a merchant in the European Economic Area (EEA), all you need to do to ensure that your Webflow Ecommerce store is PSD2 and SCA compliant for your European customers is to republish your store if it wasn’t published on or after September 11, 2019. Read more about how to make your ecommerce store compliant in our Payment gateway article.

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

A button is an interactive element that facilitates user actions.

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

Synchronous programming refers to sequentially executed operations.

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

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

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

The amount of pages your site currently has.

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.

A flexbox property that determines the resizing behavior of flex children across viewport sizes. They can shrink, grow, or remain static.

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

Left To Right (LTR) describes a text layout that starts from the left and proceeds to the right.

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

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.

A robots.txt file instructs search engine crawlers which webpages and sections they can or can't crawl and index.

Font weight refers to the thickness or density of a typeface’s strokes.

A selector identifies and selects specific HTML elements to apply CSS styles to.

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

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 radio button is a form element for selecting one option from a predefined set of mutually exclusive choices.

A/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.

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

Made in Webflow showcases Webflow sites made by individuals and teams.

Optimization is a systematic approach to improve a website's appearance, functionality, and visual appeal to enhance the user experience, improve search engine rankings, and achieve business objectives.

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

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

Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.

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.

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

Adding a Google site verification meta tag to your website's HTML code allows Google to verify that you own the site.

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

All elements on the page targeted by the same selector.

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.

.htaccess is a powerful configuration file that allows you to configure and control how your website functions.

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.

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

A CMS field used in Collections. Just like a reference field, the multi-reference field lets you reference other Collections in your site. But it’s even more powerful, as it lets you reference multiple items within a Collection instead of just 1 item.

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

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

A Graphical User Interface (GUI) is a visual medium that enables visual interaction with software applications or electronic devices through elements like icons, buttons, and menus.

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

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.

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

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

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

A combo class combines multiple classes, allowing you to apply various visual styles to HTML elements.

A bounding box is a rectangular border around a website element (e.g., a heading, paragraph, or image) that appears during the design process.

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

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

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.

The last time your site was published.

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

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.

Hypertext Transfer Protocol Secure (HTTPS) is a secure protocol facilitating encrypted exchanges of information between web browsers and servers.

A webpage’s accessibility tree indicates which parts of the page are compatible with assistive technologies such as braille displays, screen readers, and voice commands.

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

An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.

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

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

A content management system (CMS) is a tool for creating and managing a website and its content.

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.

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

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

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

A callback function is passed as an argument to another function and executed upon completing the latter’s task.

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.

This checkbox allows you to enable or disable pagination on the selected Collection list.

A beacon — also called a web beacon or web bug — is an HTML-embedded object that tracks user behavior on a web page.

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

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

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.

Gutters refer to the whitespace between content columns on a webpage.

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.

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

A variable font is a single font file that contains multiple weights, widths, or styles, letting you adjust typography continuously instead of loading a separate file for each variant.

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

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

A color field specifies a graphical color picker or user interface for entering a color into a text field in a seven-character, hexadecimal format.

A web server is a computer program or hardware device that delivers web content to clients using HTTP. It handles client requests for web pages, images, and videos.

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

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 Webflow canvas setting for creating styles that affect viewports with a minimum width of 768px and a maximum width of 990px. Also known as the tablet media query.

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.

The inside spacing between the top border of an element and the elements inside it.

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