Publish site

A sidebar, typically positioned on the left or right side of a website or app, is a vertical component that contains supplemental information to enrich a webpage’s primary content.

The element directly above in the hierarchy tree.

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.

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

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

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

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

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

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

External links direct users to different websites and impact a site's search engine visibility and rankings.

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

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

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.

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 Uniform Resource Identifier (URI) is a string of characters identifying an online resource.

A button is an interactive element that facilitates user actions.

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

An entity is a representation of a special character that causes syntax conflicts in HTML (Hypertext Markup Language).

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

A second-level domain (SLD) is the part of a domain name that precedes a top-level domain (TLD).

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.

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

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

Flex-basis is a CSS property used in flexboxes that sets the initial size of a flex item before it grows or shrinks.

A registrar, or domain name server (DNS) registrar, manages the sale of domain names and the assignment of IP addresses, ensuring each domain’s uniqueness.

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

A lightbox displays content in a popup or modal window on top of a web page’s main content.

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.

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

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

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

Pseudocode is a simplified, informal representation of programming code that outlines a program’s structure and logic without strict syntax.

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.

Email confirmations you receive upon making Webflow payments.

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

The front-end refers to the visual and interactive part of a website or application that users directly interact with.

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

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

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.

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

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

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

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.

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

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.

A typography element used for displaying multi-sentence text content.

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

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

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

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

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

DHTML, or Dynamic HTML, is a web-development technique combining HTML, CSS, and JavaScript to create dynamic, interactive web pages and complex web applications.

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

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

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

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.

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.

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

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

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.

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 call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.

The last time someone made a change to your site.

Cookies are small text files sent by a website to a user’s web browser that enhance their browsing experience by remembering site preferences and activities.

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.

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.

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

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

The fastest way to learn how to use Webflow.

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

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 breadcrumb, or breadcrumb trail, is a navigational element representing a user’s current location within a website's hierarchical structure.

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.

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

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

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

The CSS border property delineates an HTML element.

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

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.

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

Asynchronous JavaScript and XML (AJAX) is a web development approach that combines technologies to allow web content to update without reloading.

A header is a section at the top of a webpage.

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

You can transfer sites from one Workspace to another Workspace.

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

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

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

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

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

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

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.

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

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

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

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.

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.

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

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

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