Element settings panel

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 Facebook button is a clickable element on a website that allows users to connect to or share content on the social media platform.

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.

A descendant selector is a CSS (Cascading Style Sheets) selector that targets elements nested inside a parent element.

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

All elements on the page targeted by the same selector.

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

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

CSS filters apply visual effects to HTML elements and their children using Cascading Style Sheets (CSS).

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.

Email confirmations you receive upon making Webflow payments.

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

“Null” represents the absence of a value or the presence of invalid objects in computer science and web development.

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

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

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

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

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.

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

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

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.

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

In JavaScript, literals are fixed values written directly into the code.

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

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

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

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

Urgency is a marketing term and psychological trigger that incites potential customers and website visitors to act swiftly.

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

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

A wrapper is a programming language function for encapsulating and organizing elements within a well-defined interface.

The place to go when you need help using Webflow.

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

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

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

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.

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

On Windows-based systems, the sequence of two ASCII characters representing a line break in text files is called "Carriage Return, Line Feed," or CRLF.

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.

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

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 folder is a subdirectory of your site's root folder for organizing web pages.

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

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

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

The “max-height” CSS property defines an element’s maximum height.

Micro conversions are small but important user actions on a website that contribute to the overall conversion funnel.

A hit is a request to a web server from a browser for a specific resource.

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

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

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

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

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

A plain text field is an input field for short-form text without formatting or styling.

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.

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.

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

Network latency is the time data needs to travel from one point to another, impacting the responsiveness and speed of web applications and services.

Software as a Service (SaaS) is a cloud-based approach to delivering software on a subscription basis without requiring local installation.

Prefetch is a technique that proactively loads and caches resources to improve website performance and user experience.

The main interface where you can build sites.

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

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.

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.

A blog, short for weblog, is a website or webpage where an individual or group regularly shares content about specific topics, typically in reverse chronological order.

Inheritance describes a principle where child elements adopt the style properties of parent elements.

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

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

Left padding is a CSS property that defines the space between an element's left border and its content.

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

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.

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

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

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

A Webflow plan that applies to your entire Workspace.

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

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

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

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

A navigator, or a navigator window or panel, is a graphical user interface (GUI) that provides an overview of a website's structure and layout.

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

The title of a page in your site. This is visible in the Pages panel.

The American Standard Code for Information Interchange (ASCII) is an encoding standard that assigns numerical values to characters and translates them into computer-readable code.

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

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

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

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

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

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.

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

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

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.

In JavaScript, mutable objects are dynamic elements that allow post-creation changes and modifications.

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

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.

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

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

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

Structured Query Language (SQL) is a programming language that enables storing, retrieving, and manipulating information in a relational database.