Dynamic content

A web app that helps you connect multiple third-party services together based on triggers and actions.

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

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

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

Idempotency is a computing principle where multiple applications of a function or operation produce the same result as a single execution.

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.

Conditionals, also known as conditional statements or expressions, are coding instructions that tell a program to execute an action for a certain condition.

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

The CSS border property delineates an HTML element.

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.

An HTML attribute you can use to give a short description of the contents of a webpage. Search engines often display this in results pages (SERPs).

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

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

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.

Scalable Vector Graphics, or SVG, is a file format for displaying scalable vector graphics on the web.

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.

RGB, an acronym for Red, Green, Blue, is a color model that screen displays use to represent various colors.

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

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 ligature in typography groups adjacent letters or characters into one glyph.

A standard markup language that web browsers use to display websites.

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

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.

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.

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

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

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

You can set any Collection field as "Required," which means that a value must be added to that field in the Collection item before it can be published. The only Collection field that cannot be made required is the Switch field.

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

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

Flexbox is a CSS layout mechanism that offers precise alignment and stacking control for the content inside an element.

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

The amount of pages your site currently has.

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

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

The display: inline-block CSS property defines an element’s appearance and behavior. CSS designers use this code to create website layouts.

The slug that represents the parent folder for your individual Collection item URLs. For example, if you created a Collection called “Blog posts,” the URL would be website.com/blog-posts, while a Collection item URL for a blog post called “Hello world” would be website.com/blog-posts/hello-world.

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.

The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

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

A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.

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

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

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

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.

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

Combining two or more classes into a single selector to target an element.

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

The last time your site was published.

A Webflow plan that applies to your entire Workspace.

A generic element that is typically used to group content, or when no other element is specifically or semantically suitable. Div blocks have no effect on the content or layout until styled with CSS.

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

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.

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

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

The Designer automatically saves your progress every 10 seconds.

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.

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.

The fold distinguishes the visible portion of the webpage immediately visible to users without scrolling from the remaining content viewable by scrolling down.

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.

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

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 slider is an interactive design element for scrolling through images, videos, and other multimedia content.

A dropdown menu that displays all the selectors that affect a given element.

The Web Accessibility Initiative (WAI) is a World Wide Web Consortium (W3C) project to enhance accessibility for users with disabilities.

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

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

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

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

The <canvas> tag in HTML5 creates a container for dynamic graphics and image rendering on a webpage.

A dynamic page that Webflow automatically creates for each Collection item. When you design a Collection page, all the pages that are created for each Collection item will have the same template but different content.

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

Dithering is a design technique that simulates additional colors on a display to smooth transitions in images with limited color palettes.

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

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 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 dropdown, or dropdown menu, is a pre-built navigation element you can add to almost any part of a website.

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

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

A 404 page is an error page a visitor sees when they try to access a non-existent or broken URL on a website.

A content type (blog posts, recipes, etc.) represented by a group of fields you define. Once created, you can add individual Collection items.

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

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

NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.

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

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

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

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

Asynchronous programming is an approach where programs simultaneously run multiple operations independently without waiting for previous tasks to complete.

A parameter is a programming variable or value that transfers data between functions.

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

A design approach that prioritizes content planning and production in the design process.

Compiling is the process of converting code from a high-level programming language into a low-level language that computers can understand.

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.

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