Component Module

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

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

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

All elements on the page targeted by the same selector.

A Hypertext Markup Language (HTML) tag is a code snippet that defines and describes the structure and content of web pages.

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

A method of lowering the file size of your stylesheet(s) by removing all white space from your CSS files.

A Webflow element that displays graphical files on your website.

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

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.

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 form element that allows you to make a selection in a dropdown list.

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

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

A breakpoint, or media query, is the width at which a website’s design and layout adjust to fit screens of different sizes. When designing in Webflow, breakpoints for smaller devices inherit styles from the base — or desktop — breakpoint by default.

Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.

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

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

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.

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

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

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

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

The currently selected element.

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.

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

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

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

A headless content management system (CMS) separates the front-end presentation layer from the back-end management layer, allowing for more flexible content delivery.

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

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.

When you have more unhosted sites in your Dashboard than your Workspace plan allows, those additional sites past your limit will be “locked” until you upgrade your plan. When you upgrade, you’ll be allowed more unhosted sites (up to the limit for your Workspace plan) and will be able to access your previously locked sites.

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

Single Instruction and Single Data Stream (SISD) is a computer architecture where a central processing unit (CPU) executes one instruction at a time on a single data piece.

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

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

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

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

The place to go when you need help using Webflow.

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

Top margin is a CSS property that defines the space between the top edge of an element and its surroundings, such as other elements, the browser window, or the edge of a container.

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

From your Dashboard, you can access, create, and manage all your sites.

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.

Alt text, short for alternative text, refers to text that describes online images.

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

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

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

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/B testing compares two different versions of something — like a web page or campaign — to determine which performs better.

A document type definition (DTD) defines the structure, validity, and attributes of standard generalized markup language (SGML) documents, such as GML, HTML, and XML.

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

A section in the Style panel that houses CSS properties related to the positioning of an element.

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

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.

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

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.

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 Webflow plan that applies to your entire Workspace.

Password protection is a security feature restricting certain website areas to authorized users, requiring a secret phrase or key to access them.

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.

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

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 design approach that prioritizes content planning and production in the design process.

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

DNS records store important information about domains and hostnames. They function like maps, directing DNS queries to the desired endpoint.

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

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 static page is a document with fixed content that makes up an individual web page on your site.

A section of the Add panel that houses form elements like inputs, checkboxes, and radio buttons.

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.

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

A comparison shopping engine (CSE) is a search engine that compares ecommerce pricing, shipping costs, and customer reviews.

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 section of the Add panel that holds multimedia elements like images, video, and Lottie animation.

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.

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

Responsive web design (RWD) is a web development and design approach to create websites, applications, and user interfaces (UIs) that display and function effectively on any device or screen size.

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

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

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

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.

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

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

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

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

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

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

A breadcrumb, or breadcrumb trail, is a navigational element representing a user’s current location within a website's hierarchical structure.

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

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.

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

"Safe" is a Hypertext Transfer Protocol (HTTP) method that doesn't modify the server's state or resources.

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

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

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.

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

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