Webflow 101

Learn about Webflow specific terminology and platform concepts.

It's important to understand the foundational concepts and terminology of any platform to create a successful integration. Here are some terms that will help you understand Webflow's key concepts.

Platform Description

Webflow - A visual way to build the web - Design, build, and launch responsive websites — visually. Experience the power of HTML, CSS, and JavaScript in a 100% visual canvas. Responsive web design. Top tier hosting.

Terminology

  • The Webflow Designer - The Webflow Designer allows you to build your site structure, design the look and feel, add content, interactions, animations, and custom code to create fully functioning websites, landing pages, prototypes, presentations, and more.
  • CMS Editor - The Editor lets you update and add content in a simple interface, which is great for clients or teammates who don't need the complexity of the Designer.
  • Collections - A collection is like a database — it's where content can be stored and referenced throughout a project dynamically. Different collections signify different content types, and an individual piece of content within a collection is called a collection item.
  • Collection Lists - Collection lists are one of two ways to add and design dynamic content from a CMS Collection or an Ecommerce Collection. You can add Collection lists to any type of page. The other way to add dynamic content is with Collection pages.
  • Collection Pages - Anytime you create a new item (e.g. blog post, help article, etc) in a Collection, a page is automatically created for it. Collection pages work like templates – the layout and design of the Collection page applies to all automatically generated item pages. Collection pages are essentially templates for recurring pieces of content, such as blog posts, help articles, or even landing pages.
  • Collection List Filters - Once you connect a Collection list to a Collection, it will display the first 100 items in that Collection. However, you can choose which items to display by using filters.
  • Conditional Visibility - Conditional visibility is the most versatile way to show or hide elements in a dynamic design and create unique designs for different Collection items based on different criteria. Unlike filters — which specify which Collection items are visible in a Collection list — conditions specify when any element (static or dynamic) is visible in a Collection list or a Collection page.
  • Dynamic Content - Dynamic Content allows you to insert CMS Collection data into your design as variables. This is a foundational concept inside of Webflow.
  • Collection Fields - Collection fields are the building blocks of a Collection's structure. Build custom CMS Collections and enrich Ecommerce Collections with custom fields.
  • Dynamic Embeds - With Dynamic Embeds, you can use your CMS Collection fields to dynamically update embedded code.
Webflow Homepage

Learn more about Webflow by visiting the Webflow University.

Save time, money, and expensive engineering resources by leveraging our purpose built applications.

Join top brands from around the world who are already growing their businesses with Ample Cloud.
John Lewis & Partners LogoAprons Cooking School LogoMarks & Spencer LogoMusic & Arts LogoPublix Greenwise Markets LogoFairfield University Logo
Create a Free Account Today