The Webflow glossary

Explore commonly used web design and web development terms.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
A

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Authoring Tool Accessibility Guidelines (ATAG) are a layered rule-set that influence how designers and developers create a more accessible internet.

Learn more
Arrow pointing right

In object-oriented programming (OOP), abstraction conceals irrelevant details so they don’t interfere with the task at hand.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

Account notifications update you about activity in your account. New notifications appear on your Webflow Dashboard after you log in.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

An array is an ordered, random-access collection of data. This data can be either primitive or object, depending on the coding language.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right
B

A section of the Style panel that contains CSS properties that affect an element's background, such as its background image, gradient, and fill color.

Learn more
Arrow pointing right

A backup is a copy of data stored in an alternate location, including hard drives, cloud servers, or network-attached storage (NAS) servers.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A section of the Style panel that holds CSS properties for styling an element's border, such as its border style, color, and radius.

Learn more
Arrow pointing right

A bottom bar is a navigation bar at the bottom of an app or webpage.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Bottom padding is the space between the bottom of an element and its border.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

An element that links to pages, page sections, external links, emails, files, and telephone numbers. An element that can be clicked or interacted with to perform an action, like submitting forms or triggering an interaction or animation.

Learn more
Arrow pointing right
C

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The rules that define how a web page's elements are displayed in a browser.

Learn more
Arrow pointing right

A CSS property that defines visual effects like blur and saturation.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The space in the center of the Designer where your site's design and content display.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A certificate authority (CA), also known as a certification authority, issues digital certificates that verify a website’s owner.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Checkboxes are HTML structures that allow visitors to input data.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

An element directly below the current element in the hierarchy.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Ciphertext is unreadable, encrypted data that ciphers use for security during data transit.

Learn more
Arrow pointing right

A selector type that affects all elements with that class.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A closing tag is an instructional piece of code that ends a section of page content in HTML.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

The color field is available in CMS Collections. You can add the color field to a Collection, then use it to add color to dynamic elements in your site.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A comment is a text note in source code that offers context, internal information, or other guidance to any developers using it.

Learn more
Arrow pointing right

All elements on the page targeted by the same selector.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Compile time is the length of time it takes for a compiler to convert high-level code into low-level code.

Learn more
Arrow pointing right

A section in the Add Panel that houses pre-built Webflow elements such as sliders, tabs, and lightboxes.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

An element that contains content.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A content optimization system (COS) is software that lets you optimize website content to attract more traffic.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Contextual advertising is a form of paid advertising that matches web content with ad intent.

Learn more
Arrow pointing right

A Webflow service that lets you point a custom domain to your Webflow-hosted site.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right
D

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A field available in CMS Collections. This field lets you display a date and time in a Collection and/or Collection item.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

To remove an element and its content from your website.

Learn more
Arrow pointing right

In software and web development, deployment is the process of moving code from one environment to another, usually in the form of changes or updates.

Learn more
Arrow pointing right

Any element lower in the hierarchy.

Learn more
Arrow pointing right

The mode that enables a designer to build in Webflow.

Learn more
Arrow pointing right

The main interface where you can build sites.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

The display: grid CSS property defines a website element (such as a button or header) as a grid container.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

Domain name forwarding is a process that automatically redirects visitors from your domain name to a different web address.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right
E

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.

Learn more
Arrow pointing right

A section in the Style panel that houses CSS properties for changing how an element appears, such as its opacity, outline, and box shadows.

Learn more
Arrow pointing right

A navigational aid that displays in the bottom of the Webflow Designer to help you keep track of the element you're interacting with in relation to its hierarchy.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The second panel on the right side of the Designer. Here, you can change element-specific settings such as the element ID, Custom attributes, Search index settings, Editor settings, etc. You can learn more about the element settings for a specific element by searching for the element’s name on Webflow University.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Elements that don't contain any other elements. They're outlined by a dashed gray border.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

A downloadable ZIP file that contains your Webflow site's HTML, CSS, JS, and image files.

Learn more
Arrow pointing right
F

A Webflow element that embeds a Facebook Like button in your site.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

A form element that looks and behaves like normal text but generates form-specific code on export. It tells website visitors what content to enter into the associated field.

Learn more
Arrow pointing right

An element contained within a parent element that has display: flex set.

Learn more
Arrow pointing right

A flexbox property that lets you customize the alignment behavior of flex children, based on the cross-axis of the flex container. The cross axis is the opposite of the flex-direction property, so if you set the direction to vertical, the cross axis is horizontal. Options include start, center, end, baseline, and stretch.

Learn more
Arrow pointing right

A flexbox property that lets you define the base size from which the flex child can grow or shrink.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

A flexbox property that allows a flex child to grow if space allows.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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.



Learn more
Arrow pointing right

A flexbox property that allows a flex child to shrink if space becomes scarce.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Allows you to manage your folders.

Learn more
Arrow pointing right

Footer code creates a section at the bottom of every web page that displays important information like disclaimers, copyright or contact information, and links to related documents.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A form element that lets website visitors submit data to your form handler.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Learn more
Arrow pointing right
G

A unique ID you can use to link your Google Analytics account to your Webflow site.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A visual representation of Webflow’s 960px 12-column grid system, which helps you position and align elements on your site page.

Learn more
Arrow pointing right
H

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

Learn more
Arrow pointing right

Custom code that's added just before the closing </head> tag in your site's HTML file. Learn more about custom code in head and body tags.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

Defines how tall an element can be. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Learn more
Arrow pointing right

The way browsers calculate an element's height automatically, so that block-level elements fill the available space of their parent containers and inline elements shrink to the size of its children/content.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right
I

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.

Learn more
Arrow pointing right

A Webflow element that displays graphical files on your website.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A form element that lets website visitors enter single-line data.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right
K

Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system.

Learn more
Arrow pointing right
L

A unique code you can add to your Webflow site to let browsers, translation apps, and other tools perform language-sensitive tasks.

Learn more
Arrow pointing right

The last time your site was published.

Learn more
Arrow pointing right

The last time someone made a change to your site.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Defines the external spacing between the left border of an element and surrounding elements.

Learn more
Arrow pointing right

Defines the spacing between the left border of an element and any elements it contains.

Learn more
Arrow pointing right

The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Symbols panel, Navigator panel, Pages panel, CMS panel, Ecommerce panel, Assets panel, Settings panel, Site Activity log, Audits, Search, Video tutorials, and Help.

Learn more
Arrow pointing right

A Webflow element that opens a full-screen view of images or videos when clicked.

Learn more
Arrow pointing right

A link block operates much like a div block, an HTML element for grouping and organizing other HTML elements (like text, images, and forms) into block-level containers. But in the case of a link block, what’s inside the block becomes a link.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A list is a Webflow element that displays multiple pieces of content in a structured, visually appealing way. The individual elements that make up the list are called list items.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right
M

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Defines the maximum height of an element. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Learn more
Arrow pointing right

Max width defines the maximum width of an element. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Learn more
Arrow pointing right

A media query is a CSS technique that applies different styles to a website or an app based on the characteristics of the device displaying it, such as screen size, resolution, and browser viewport.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A meta title is an HTML element that defines a web page's title and appears in browser tabs and search snippets on search engine results pages (SERPs) as a clickable headline.

Learn more
Arrow pointing right

Minified code refers to the process of removing unnecessary characters and whitespace from the source code file without affecting its functionality.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Min width defines the minimum width of an element. This can be defined in absolute terms (pixels) or relative terms (ems, rems, percentages, viewport-height, or viewport-width).

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

A modal window (or modal) is a web element that displays above all content and restricts user interaction until it’s manually dismissed.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right
N

A Webflow element that automatically creates a responsive navigation menu.

Learn more
Arrow pointing right

A panel on the left side of the Webflow Designer that lets you view and manage your site's hierarchy tree.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Available in CMS Collections. It lets you insert an integer with or without decimals.

Learn more
Arrow pointing right
O

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

Learn more
Arrow pointing right
P

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

Learn more
Arrow pointing right
R

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.

Learn more
Arrow pointing right

A form element that allows site visitors to select 1 of a limited number of choices.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

Email confirmations you receive upon making Webflow payments.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing 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.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

Available in CMS Collections. You can use rich text for long-form content or areas of your site where you might need multiple paragraphs, headings, or inline media such as videos, images or links. You can also add further rich text formatting in the Editor such as bold, italics, superscript, subscript, etc.

Learn more
Arrow pointing right

The outside spacing between the right border of an element and the elements next to it.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A file that gives web crawlers instructions on which pages you want them to crawl/ignore on your site. This can be useful for preventing duplicate content from being indexed in search engines, but isn’t a good way to hide information.

Learn more
Arrow pointing right
S

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.

Learn more
Arrow pointing right

SSL (secure socket layer) is the standard method for establishing an encrypted link between a web server and a browser. It ensures that all data passed between the web server and browsers remain private and integral, so you and your site’s visitors can be sure your information is safe. Sites that don't use SSL may be labeled “not secure” by some browsers, strongly discouraging people from visiting your site. Learn more about SSL hosting.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

The Designer automatically saves your progress every 10 seconds.

Learn more
Arrow pointing right

The ability to manually save a version of your site that you can restore at a later date using the keyboard shortcut Command + Shift + S (on Mac) or Control + Shift + S (on Windows).

Learn more
Arrow pointing right

An element that is used to house large separate "sections" of content in a Webflow site.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A name you assign an element in order to style it.

Learn more
Arrow pointing right

A pseudo-class that allows you to change the styles of an element when it is hovered, pressed, or focused.

Learn more
Arrow pointing right

An element that shares the same parent of another element.

Learn more
Arrow pointing right

What you create in Webflow! You can publish sites to a webflow.io staging subdomain for free, export the code on a paid plan, add hosting on any paid plan, or add a Site plan to any site to connect your custom domain and unlock hosting features.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

The location your sitemap is stored in relation to your site, and what’s used when submitting your sitemap to search engines.

Learn more
Arrow pointing right

A file that gives web robots information on how a website is organized and allows search engines to find your site data faster and more efficiently. This can be useful for helping a search engine organize your site links when displayed in search results.

Learn more
Arrow pointing right

A Webflow element that houses slides of content that are displayed when interacting with a slider navigation or timer.

Learn more
Arrow pointing right

The end part of a URL that uses human-readable words that generally match the web page's title. For example, in the URL: yoursite.com/hello-world, “hello-world” is the URL slug. Changing the slug of a page will change the final URL of the page once it is published. We recommend that you redirect the old URL to the new location using a 301 redirect.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

A static page is a document with fixed content that makes up an individual web page on your site.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The part of a domain that comes before the root domain (e.g., blog.yourwebsite.com is a subdomain whereas yourwebsite.com is the root domain).

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right
T

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.

Learn more
Arrow pointing right

A Webflow component that displays a pane of content associated with a tab menu button.

Learn more
Arrow pointing right

The currently selected element.

Learn more
Arrow pointing right

A form element that allows site visitors to enter multi-line data.

Learn more
Arrow pointing right

A typography element that is used when no other element is specifically suitable.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The amount of times a site visitor submits data using your site's form(s).

Learn more
Arrow pointing right

The amount of pages your site currently has.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

You can transfer sites from one Workspace to another Workspace.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right
U

The UI state changes how Collection lists display when you’re designing. The Items state is the default option, and shows the items that you have within the Collection. The Empty state doesn’t show these items and gives the designer the opportunity to design for a circumstance if/when there is no data to be displayed in the Collection list.

Learn more
Arrow pointing right

A way to route site traffic from an old URL to a new URL without losing SEO placement. Also known as a 301 redirect.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

The ID used to log into your Webflow account.

Learn more
Arrow pointing right

Utility pages are default, customizable templates for your site’s 404 page, Password page, and Search results page.

Learn more
Arrow pointing right
V - Z

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The place to go when you need help using Webflow.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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.

Learn more
Arrow pointing right

The place to go when you need help with your site's design, custom code, etc. Visit the forum.

Learn more
Arrow pointing right

The title used to describe your website throughout Webflow.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

The way browsers calculate an element's width automatically where Block level elements fill the available space of its parent and Inline elements shrink to the size of its children/content.

Learn more
Arrow pointing right

A space to hold and access sites, members, settings, and integrations. All users start with a Workspace that can become collaborative when and as needed.

Learn more
Arrow pointing right

A Webflow plan that applies to your entire Workspace.

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right

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

Learn more
Arrow pointing right