Agent Instructions

A backlink, also referred to as an inbound link, is a hyperlink from one website to another website.

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

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

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

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

A panel in the left toolbar where you can add static pages and folders to your Webflow site. You can also manage and access Utility pages and Collection pages.

A measurement unit relative to an element's parent.

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.

A widget is an interactive element embedded in a user interface that facilitates specific user actions or displays important information at a glance.

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

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

NAT (Network Address Translation) is a technique that enables communication between devices with private internet protocol addresses and the public internet.

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

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

The last time someone made a change to your site.

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

A link, short for hyperlink, is a clickable website element that enables navigation between different web resources.

A pixel (px) is the smallest unit of measure in a digital image or display, representing a single point of color or light.

An element that shares the same parent of another element.

CRUD stands for Create, Read, Update, and Delete — the four basic operations all software applications should perform.

Below the fold refers to the lower portion of a webpage that isn’t immediately visible to visitors upon loading until they scroll down.

Jank describes subpar functionality in a web interface that hinders or disrupts user activity.

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.

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

A navbar, or navigation bar, is an interactive user element with a menu or a set of links to a website’s main sections.

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

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

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

A primitive is the simplest JavaScript data type, representing fundamental values that do not encapsulate any object, method, or property.

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

A Hypertext Markup Language (HTML) tag is a code snippet that defines and describes the structure and content of web pages.

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

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

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

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

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

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.

JavaScript is a programming language web developers use to create dynamic interactions and effects for web pages and applications.

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

The Resource Description Framework (RDF) is a standardized framework developed by the World Wide Web Consortium (W3C) that facilitates automated data exchange between web systems and applications.

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.

RGB, an acronym for Red, Green, Blue, is a color model that screen displays use to represent various colors.

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

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

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.

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.

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.

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

An XML (Extensible Markup Language) sitemap is a text file that lists a website's pages to help search engines crawl and index them.

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

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

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

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.

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

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

A smoke test, also called build verification testing or confidence testing, is a preliminary examination to determine the basic functionality of a software, website, or application.

The main interface where you can build sites.

A domain, or domain name, is the unique address that directs to a website on the internet.

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

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

A ligature in typography groups adjacent letters or characters into one glyph.

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

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

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

A website background is a visual element behind webpage content, enhancing aesthetic appeal and user engagement.

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.

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.

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

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

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

Dynamic elements are web page components that can change based on user interaction or external factors, like a live news feed, without requiring a page refresh or reload.

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.

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.

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

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

The Web Accessibility Initiative (WAI) is a World Wide Web Consortium (W3C) project to enhance accessibility for users with disabilities.

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.

Java is an object-oriented programming language for building dynamic, interactive web applications across platforms

The place to go when you need help using Webflow.

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

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

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.

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

A section is an element of design layout that divides a web page into visually distinct segments.

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

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

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

An HTML input field, represented by the syntax <input>, is a web page element where users input data, like text and numbers.

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

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.

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

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

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

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

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

Field-sizing is a CSS property that lets form elements like text areas and inputs grow or shrink automatically to fit their content instead of staying locked to a fixed size.

A footer is a section at the bottom of a web page.

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

The fastest way to learn how to use Webflow.