Glossary Terms

404 page

When you visit a website that doesn’t exist or couldn't be found on the server because the webpage was moved or deleted, the broken link redirects to a 404 error page where a message indicating this error is shown.

You can customize your projects' 404 page and design it as you like.

A/B testing

A testing method that compares two different versions of a web page (a "control" and a variant) to identify which performs better.

Account Settings

The area where you manage your profile, subscriptions, billing info, and other account-specific settings.

Account notifications

Notifications that show you when others clone, like, follow, comment on, or interact with your public websites.

Active Design Time

Time you spend in the Webflow Designer, actively making changes to your site.

Ancestor

Any element higher in the hierarchy.

Annual pricing

Annual pricing gives you the ability to pay for a plan upfront at a discounted rate. Paying for a plan upfront can save up to 20% compared to paying monthly.

Authorized applications

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

Background module

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

Backup

A saved version of your site that you can restore.

Base tag

A meta tag that sets a default URL that all relative URLs in a document will follow. If you set your base tag to "your-site.com/beta," a relative URL of "/landing-page" will become "your-site.com/beta/landing-page."

Basic elements module

A section of the Add panel that contains the elements that act as a website's basic building blocks.

Border module

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

Bottom bar

The grey bar at the bottom of the Webflow Designer that holds element breadcrumbs and the duplicate and delete functions.

Bottom margin

Defines the spacing between the bottom border of an element and the elements below to it.

Bottom padding

Defines the spacing between the bottom border of an element and the elements inside it.

Branded code

Elements of Webflow site's HTML that include references to Webflow.

Button

A Button is an element that links to pages, sections, external links, emails, assets, and telephone numbers.

CMS Administrator

The CMS Administrator is the only person who can invite and remove Content Editors. The Administrator is the person who holds the site in their Webflow account (usually the designer).

CMS Collection page

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 item will have the same template, but different content.

Learn about Collection pages.

CMS Hosting

This site plan lets you publish a Webflow CMS–powered website to a custom domain. You need this plan in order to add Content Editors.

CMS Settings

The CMS Settings tab is where the CMS Administrator can add and remove Content Editors.

CSS (Cascading Style Sheets)

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

CSS Filter

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

Canvas

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

Cascading rules

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

Checkbox

A form element that lets people select one or more options.

Child

An element directly below the current element in the hierarchy.

Class

A selector type that affects all elements with that class.

Cloneable project

Cloneable projects are open source (made available under the CC0 license). You allow any user to copy, modify, and use any part of this project for personal or commercial purposes.

Projects with cloning turned off do not give others access to copy your project or open it in the Designer.

Collaborator

A collaborator is someone who has been invited by the site admin (typically the designer) to make content changes on a CMS-powered website.

Collection

A Collection is a content type (blog post, portfolio item, etc.) represented by a group of fields you define. Once created, you can add individual Collection Items.

Collection Field

A Collection Field is an individual field within a Collection. You'll select which fields to display in Dynamic Lists and Collection Template Pages.

Collection Item

A Collection Item is an individual item within a Collection. For example, in a Blog Posts Collection, the Collection Items are individual blog posts.

Collection List

A Collection List, formerly Dynamic List, is a Webflow element that lets you display content from a CMS Collection.

Collection List Layout

The Collection List Layout 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 items in 2, 3, 4, or 6 columns.

Collection URL

The Collection URL is 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 would be website.com/blog-posts/hello-world.

Collection limits

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

Color field

The Color field is a CMS field used in Collections. Add the Color field to a Collection to let collaborators use a color picker to style elements like background color, text, and border color within the CMS Panel.

Columns

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.

Combo class

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

Common targets

All elements on the page targeted by the same selector.

Component Module

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

Container

An element that contains content.

Content first

Content first is a design approach that prioritizes content planning and production in the design process.

Custom domain hosting

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

Custom font

Fonts that you upload and use on your Webflow site (rather than our stock fonts, Google Fonts, or Typekit fonts). Note that you must have rights to use these fonts.

Learn more about using custom fonts.

DNS records

DNS (Domain Name System) records tell the DNS server where each domain should point to. There are a number of different DNS record types, example MX records which point emails (email@domain.com) to the email host.

To point your domain to Webflow, you'll create 2 types of records: A records to point the root domain (domain.com) to Webflow and a CNAME record for each subdomain (blog.domain.com, help.domain.com) as well as the full domain (www.domain.com).

The Webflow records should point to the following addresses or values:

If SSL is ON (recommended) in your Webflow settings, the Webflow A record values should be: 13.248.155.104 & 76.223.27.102 and the Webflow CNAME record values should be: proxy-ssl.webflow.com.

The following A records (34.193.69.252 & 34.193.204.92) should work too, but we highly recommend you use the ones mentioned above.

If SSL is OFF (not recommended) in your Webflow settings, the Webflow A record value should be: 23.235.33.229 & 104.156.81.229 and the Webflow CNAME record values should be: proxy.webflow.com.

To connect your domain to Webflow, check out the Connecting a custom domain tutorial.

Dashboard

From your Dashboard, you can access, create, and manage all your projects. Learn more about the dashboard.

Date/Time field

The Date/Time field is a CMS field used in Collections. This lets you and your Content Editor(s) display a date and time in a Collection and/or Collection Item.

Delete element

To remove an element and its content from your website.

Descendant

Any element lower in the hierarchy.

Designers page

An area of the Webflow site containing profiles of designers who use Webflow. It offers a safe, secure way for clients to reach out to web designers who use Webflow.

Desktop media query

A Webflow Canvas setting for creating styles that affect viewports with a minimum width of 991px.

Discover page

A fun, easy way to see websites people built with Webflow.

Display property

A CSS property that specifies an element's box type. It determines how an element displays — or, is laid out — in a design. Options include block, inline-block, inline, flex, grid, and none.

Display: block

Block elements start on a new line and take up the full available width.

Display: grid

Grid containers arrange their children (items inside them) across multiple columns and rows.

You can customize how the direct children are positioned, aligned, and distributed within the grid components: the container, the individual cells, group of cells, or tracks.

The grid child settings allow you to override the grid container settings for alignment and justification. They also allow you to change the order of the selected grid children. Learn more.

Display: inline

Inline elements stack horizontally where vertical spacing is based on line-height, not margin or padding. They only take up the space their contents require. Width and height can't be applied.

Display: inline-block

Inline-block elements stack horizontally on a line and do accept width, height, padding, and margin settings.

Display: none

The display value that treats an element as if it doesn't exist while still keeping it (hidden) in the HTML document.

Since elements with a display:none property do not display in the design, this can be handy for altering how content displays on mobile devices. Learn more.

Display:flex

Flex containers arrange their children (items inside them) horizontally or vertically. You can customize how the direct children stack, when they wrap, how they are aligned and justified within the flex container.

The flex child settings allow you to override the flex container settings for alignment and justification. They also allow you to change the sizing and order of the selected flex child. Learn more.

Div Block

An element that is used when no other element is specifically suitable.

Document object model (DOM)

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.

Domain name forwarding

Domain name forwarding automatically redirects visitors to your domain name to a different web address.

It is not possible to forward your domain to a Webflow site without setting up a site plan and connecting your domain to Webflow.

Drafted pages

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.

Dropdown

A Webflow component that lets you display a menu that expands to show a list of items when clicked.

Duplicate element

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

Dynamic Element

Dynamic elements are elements inside a Collection List or Collection Page that can use dynamic content. You will know when an element can use dynamic content when the Collection Style Settings are visible in the Settings tab of the Settings panel.

Dynamic content

Dynamic content is content you create once, but publish in many different places across your website. As you update this content, it will automatically update wherever it exists, making it really easy to create—and manage—larger websites.

Editor Panel

The area of Webflow CMS that appears at the bottom of the live site, and that Content Editors can use to manage Collections and create new Collection Items (pages, blog posts, etc.).

Effects Module

A section in the Style Tab that houses CSS properties for changing how an element appears such as its opacity, size, and rotation.

Element breadcrumbs

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.

Element edges

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

Email template

An area of the Froms tab in your Site Settings that lets you customize your Webflow form submission notifications.

Embed component

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

Emphasized Text

The <em> element defines emphasized text with added semantic importance.

Empty elements

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

Empty state

A Collection displays its empty state when it contains no Items, giving you the opportunity to design for a situation where there's no content to display. Check out the Empty States blog for inspiration.

Export

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

Facebook button

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

Favicon

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, or "bug."

Field label

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.

Flex child

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

Flex-align

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.

Flex-basis

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

Flex-direction

A flexbox property that determines the flow of flex children: horizontal or vertical.

Flex-grow

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

Flex-justify

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.

Flex-order

A flexbox property that lets you customize the display order of a flex child. The order can be first, last, or custom.



Flex-shrink

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

Flex-sizing

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

Flexbox

A CSS layout module in which you control the layout of a parent container's children using alignment and distribution tools similar to those in most graphic design programs. Children can flow either horizontally or vertically and can wrap to new lines, as well as be reversed.

See also Display:flex

Folder

A subdirectory of your site's root folder used for organizing web pages. Learn more about Page folders.

Folder settings

The folder settings tool allows you to manage your folders. Learn more about Page folders.

Footer code

Custom code you can add just before the closing tag in your site's HTML file.

Form block

A set of elements that make up a basic form.

Form button

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

Form submission

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

Forms module

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

Google Classic Analytics ID

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

Google Map

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

Google site verification meta tag

A unique string of numbers and characters that helps you verify the ownership of your Webflow site with Google.

Google+ button

A Webflow component that embeds a Google+ button in your site.

Head code

Custom code that's added just before the closing tag in your site's HTML file.

Heading

A typographic element that describes the topic of a section it introduces.

Height

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

Height: auto

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.

Help Center

The place to go when you need help using Webflow.

Help text

Help text lets you explain what content should go in a given Collection field. This only appears in the CMS, not the public site.

Homepage

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

HyperText Markup Language (HTML)

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

Hyperlink

The <a> tag defines a hyperlink, which is used to link from one page to another. this

ID selectors

You can assign elements IDs from the Settings Tab in the Right Side Panel of the Designer. ID selectors are useful for html anchors, linking to page sections, or for custom code.

Image

A Webflow element that displays graphical files on your website.

Image field

The Image field is a CMS field used in Collections. With this field, you and your Content Editors can upload images from your computer and use them as a dynamic item for your individual Collection Item.

Input field

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

Item state

The default UI state for your Collections. The opposite of an empty state, it displays the items in the Collection.

Keyboard shortcuts

A set of keyboard commands you can use to quickly navigate and make changes in the Designer. Here's the full list of Webflow keyboard shortcuts

Language code

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

Last published

The last time your site was published.

Last updated

The last time someone made a change to your site.

Layout module

A section of the Add panel that houses elements you'll use to "lay out" the scaffolding of a Webflow site.

Left margin

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

Left padding

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

Left toolbar

The vertical bar of tools on the left side of the Webflow Designer. It holds the Add panel, Pages & Folders panel, and view tools.

Lightbox

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

Link block

An element you can use to link images or text to other pages or sections of a webpage.

Link field

The Link field is a CMS field used in Collections to link to another page (or area of a page, for anchor links) on the web.

Linked selector

A secondary selector that overrides an element's existing styles.

Linked selectors menu

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

List

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

List item

An element that can only be added to a list element that houses content displayed in a list format.

Locked project

When you have more unhosted sites in your dashboard than your subscription plan allows, your sites will be “locked” until you upgrade your plan

Depending on the plan you upgrade to, you will be allowed more unhosted sites and thus will be able to access your locked sites.

Margin

Defines the external spacing between an element's border and the elements around it.

Maximum height (max height)

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

Maximum width (max width)

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

Media module

A section of the Add Panel that holds multimedia elements like images and video.

Media query

A CSS feature that allows you to adapt your site's styles to different screen/device widths (the basis of responsive web design).

Meta description

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

Meta keywords&nbsp;

Words or phrases you can include in your web page's metadata. Once used to indicate a page's topic(s), these are now ignored by most search engines.

Meta title

An HTML element that defines a page's title. Search engines usually display this in search results pages (SERPs).

Minified code

Minifying your site's code can help your live website load faster, but makes your code a little harder to read. It can also fix spacing issues with inline-block elements.

You can minify CSS, HTML, and/or JS separately in project settings → hosting → advanced publishing options.

Minimized CSS

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

Minimum height (max height)

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

Minimum width (min width)

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

Mobile (landscape) media query

A Webflow Canvas setting that lets you create styles for viewports with a minimum width of 480px and a maximum width of 767px.

Mobile (portrait) media query

A Webflow Canvas setting that lets you create styles for viewports with a minimum width of 240px and a maximum width of 479px.

Multi-Reference Field

The Multi-Reference field is a CMS field used in Collections. Just like a Single Reference Link, the Multiple Reference Link lets you reference other Collections on your site. But it’s even more powerful, as it lets you reference multiple items within a Collection instead of just one.

Navbar

A Webflow component that automatically creates a responsive navigation menu for desktop and mobile.

Navigator

The middle tab of the panel on the right of your screen in the Webflow Designer that lets you manage your site's hierarchy tree.

Need Help page

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

Number field

The Number field is a CMS field used in content Collections. The Number field lets you insert an integer with or without decimals. Just like the plain text field, it also allows you to limit your Content Editors from adding styles or other inline media.

Padding

Defines the inside spacing between an element's border and the elements inside it.

Page Name

The title used to describe a page in your site in the Pages panel.

Page settings

The page settings tool allows you to manage your pages. Among the many functions in the Page settings panel, you can rename, duplicate, delete, or save pages as draft. You can also set SEO & OG settings and search settings. For Collection pages, you can also set  RSS settings. Here, you can also insert custom code that you want to apply for this whole, page either inside the <head> tag, or before the closing </body> tag. 

Learn more about Page settings.

Pages panel

The tool you use to add static pages and folders to your Webflow site in the Designer. From here, you can also manage and access Utility pages and Collection pages. It's located on the upper left of the screen.

Pages panel

The tool you use to add static pages and folders to your Webflow site in the Designer. From here, you can also manage and access Utility pages and Collection pages. It's located on the upper left of the screen.

Learn more about the Pages panel.

Paginate Items

This checkbox allows you to enable or disable pagination on the selected collection list. Disabling and re-enabling pagination will restore previous settings and component styles.


Pagination settings

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.


Paragraph

A typography element that is used for displaying multi-sentence text content of a web page.

Parent

The element directly above in the hierarchy tree.

Parent folder

The folder or the subdirectory in which a page or another folder lives. Learn more about page folders.

Parent folder
Choose the parent folder of other folders and pages.
Password Protection

You can keep a page private by setting a custom password that will be required to view this page. You can also keep all pages within a folder private by setting a password in the folder settings. Learn how to set a page or folder password.

Percent

A measurement unit relative to an element's parent.

Personal Plan

The Webflow subscription designed for the growing web designer.

Pixel

The smallest controllable element of a picture represented on a screen.

Plain Text Field

The Plain Text field is a CMS field used in content Collections. Best used for for basic text content that doesn't need special formatting like headings, inline styles, or inline media like images or video.

Position Module

A section in the Style Tab that houses CSS properties related to the positioning of an element such as Margin, Padding, and Float.

Preview Mode

A feature that allows you to see how your site would be displayed in the browser without needing to Publish or leave the Designer.

Professional Plan

The Webflow subscription designed for freelancers and web pros.

Project

A project is a website that you build in Webflow. You can publish projects to a webflow.io staging subdomain for free, export the code on a paid plan, or add hosting on any plan to connect your custom domain and unlock hosting features.

Public Site

A Webflow project that is publicly visible in your Webflow Profile.

Public profile

The Webflow public profile allows you to showcase some of your projects with the world.

Publish Destination

The specific domain or subdomain you wish to have your Webflow site displayed.

Publish site

The act of updating your live site to reflect changes made while using the Designer.

Radio Button

A form element that allows you to select one of a limited number of choices.

Read-only Link

A way to allow others to test/debug your Webflow site from inside the Designer without having the ability to save changes.

Receipt Emails

You can receive emails confirmations when making Webflow payments.

Redo

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

Reference Field

The Reference field is a CMS field used in content Collections. This powerful field allows you to link to other collections within your website to populate fields in Dynamic Lists and Collection Template Pages.

Referral Credit

You can give and receive credits that can be applied to your Webflow subscription using your uniqe referral link.

Required Field

You can set any Collection Field as "Required," forcing content editors to enter some value before they can publish the item. The only Collection Field that cannot be made required is the Switch Field.

Restore Point

See Snapshot

Rich Text Element

The rich text element 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.

Rich Text Field

The Rich Text field is a CMS field used in content Collections. Use Rich Text for long-form content or areas of the website where you and your collaborators might need multiple paragraphs, headings, or inline media such as videos, images or links. Rich text also allows CMS Editors to add further text formatting such as bold, italics and underline.

Right Margin

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

Right Padding

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

Right Side Panel

The far right vertical panel of tabs that houses features such as the Navigator, Style Manager, and Asset Manager.

Robots.txt

A file that gives web robots 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 not a good way to hide information.

SCA and PSD2 Regulations

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.

SSL

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 website's visitors can rest assured that 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.

SSL CDN

An option that allows you to serve your images over your own CDN service while using SSL.

Save

The Designer automatically saves your progress every 10 seconds.

Save as Snapshot

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

Section

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

Select Field

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

Selector

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

Selector State

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

Settings Tab

The second tab in the Right Side Panel that allows you to change element specific settings such as the HTML tag, input types, and custom attributes.

Shadows Module

A section in the Style Tab that houses CSS properties for styling both an element's Box Shadow as well as Text Shadows.

Showcase

The Webflow showcase features all Webflow projects showcased by individuals and teams.

Sibling

An element that shares the same parent of another element.

Sitemap URL

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

Sitemap.xml

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.

Slider

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

Slug

The end part of a URL that uses human-readable words that generally match the web page's title.

Note: 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. Read about 301 Redirects.

Snapshot

A saved version of your site that is created every 20th auto-save or any time you press Cmd+Shift+S (or Ctrl+Shift+S on Windows).

Sorting Collection Lists

Sorting allows you to sort your items in multiple ways - simply select the field from the collection you wish to filter from, then select the ordering option that populates below it.

Span Text

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

States Dropdown Menu

The dropdown menu to the right of the selector field that allows you to access and change the styles of a class when it is hovered, pressed, or focused.

Static Content

Static Content is content that is not binded to any Collections or dynamic elements.

Static page

A document that makes up an individual web page on your site — designed visually in Webflow and rendered in HTML to be displayed in a web browser. Static pages are pages you can create manually as opposed to Collection pages and Utility pages.

Webflow limits the number of static pages and collection pages on the Free Starter plan. The page limit for premium plans and Team plans or Webflow hosted sites is 100 static pages. The limit exists to ensure optimal Designer performance.

You can try using CMS Collections pages for pages that use the same template and structure. This allows you to have up to 50 dynamic pages on a free Starter account. On a Webflow-hosted site, you can get up to 10,000 dynamic pages based on your site plan. See all site plans and their features.

Strong Text

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

Style Manager

The first tab in the Right Side Panel that allows you to assign classes to elements and style them.

Style Tab

The first tab in the Right Side Panel that allows you to assign classes to elements and style them.

Subdomain

The part of a domain that comes before the root domain. e.g. blog.your-site.com is a subdomain whereas your-site.com is the root domain.

Subdomain Indexing

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

Switch Field

The Switch field is a CMS field used in content Collections. This field offers you a powerful filtering tool. For example, you could create a field labeled "Featured?" for Blog Posts, so you or your content editor could showcase particular posts.

Tablet Media Query

A Webflow Canvas setting for creating Styles that affect viewports with a minimum width of 768px and a maximum width of 990px.

Tabs

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

Target

The currently selected element.

Team Plan

You can set up an organization in Webflow designed for multiple team members to work from a separate dashboard.

Team Template

Organizations with a Team Plan subscription can create templates to quickly build sites with similar layouts. Learn more.

Text Area

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

Text Block

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

Text Link

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

Top Margin

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

Top Padding

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

Total Asset Size

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

Total Form Submissions

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

Total Site Pages

The amount of pages your site currently has.

Transfer Site

You can transfer sites you make in Webflow to another person's Webflow account.

Tutorials

The fastest way to learn how to use Webflow to build responsive websites.

Twitter Button

A Webflow component that embeds a Twitter Follow or Share button into your site.

Typekit

A set of Adobe fonts that can be used with your Webflow site.

Typekit API Key

The API token (similar to a password) that Webflow uses to connect to your Adobe Typekit account.

Typography Module

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

Typography Style Module

A section in the Style Tab that houses CSS properties related to how typography is displayed such as Font Family, Line Height, and Text Align.

UI State

The UI State is in reference to how Collections are displayed on your website. Items State is the defaulted option, and will show the items that you have within the Collection, whereas the Empty State will not show these items and give the designer the opportunity to design for a circumstance if/when there is no data to be displayed for this list.

URL Redirect

A way to forward a previously used URL to a different URL without losing SEO placement.

Unbranded Form Submission Notification

Form submission notifications that have no visual reference to Webflow. (sent from "no-reply@webforms.io" instead of "no-reply@webflow.com")

Undo

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

Unpublished Change

An Unpublished Change is a change that has been made in the Webflow CMS, but will not appear on the live website until the site it is next published. You can track any unpublished changed on the bottom right of the CMS Panel.

Username

The ID used to log into your Webflow account (also displayed on your public profile)

Utility pages

Utility pages are default templates for your site’s 404 page, password page, and search result page. You can customize these pages to look the way you want.

Version

See Snapshot

Video

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

Video Field

The Video field is a CMS field used in content 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.

View Tools

A section in the bottom of the Left Toolbar that houses features of the Designer that are designed to help you visibly see elements of your web page.

Viewport

The virtual "window" used to display websites and apps.

Webclip

A 256x256 px image that is associated with your website that is displayed on iOS devices and in Safari bookmarks.

Webflow Badge

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

Webflow CMS

Webflow's visual content management system. You can access it through the Webflow Dashboard by clicking the CMS button in site settings. Your invited Content Editors can access it anywhere on their live site by adding ?edit after the page URL. E.g. yoursite.com/page/?edit.

Website Name

The title used to describe your website throughout Webflow.

Width

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

Width: auto

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.

X-Ray Mode

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

Zapier

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