University
Home
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
Glossary
Footer code

Footer code

The footer code creates a footer section at the bottom of every page that displays important information, like disclaimers, copyright or contact information, and links to related documents. 

While the content in a footer is secondary to the content featured on a web page, it’s safe to assume people who reach the bottom of the page are looking for more information. Footer HTML code improves the user experience in 2 ways:

  • Providing essential information without cluttering up a page’s design
  • Streamlining navigation by putting helpful information and links within easy reach

With Webflow, you can use custom code to create a reusable footer that acts as a second navigation, encouraging engagement by answering questions, pointing to projects, and providing easy access to your social media presence at the bottom of each web page.

For an example of footer code in action, scroll to the bottom of this page, where we provide copyright information and links to some of Webflow’s most-searched terms.

Relevant courses

CMS & dynamic content

Learn how to use Webflow CMS to build completely custom websites powered by dynamic content, and define your content's structure and style.

Interactions & animations course

Learn how to animate multiple elements managed on a single timeline — bring your designs to life with rich, sequenced interactions and animations.

Figma to Webflow

Learn the entire design process from idea to final output as we take you through Figma, Cinema 4D and Octane, and Webflow.

CSS styling

Take a closer look at all the creative styling possibilities that CSS offers. Learn how to style elements visually, with the power of Webflow.

Webflow Ecommerce

Learn how to build and design your Webflow Ecommerce store. Customize every detail and launch a fully functional online store — without writing code.

Accessibility on the web

Learn about accessibility on the web and how to create inclusive and accessible sites without writing code.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Jank

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

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.

Strong text

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

Export

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

Text block

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

Mutable

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

Compile

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

Undo

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

Plain text field

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

Accessibility tree

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

Minimized CSS

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

Backup

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

Workspace

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

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.

Bottom margin

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

Abstraction

→
In object-oriented programming (OOP), abstraction conceals irrelevant details so they don’t interfere with the task at hand.

Selector

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

Real-Time Streaming Protocol (RTSP)

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

Widget

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

Bottom bar

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

Slider

→
A slider is an interactive design element for scrolling through images, videos, and other multimedia content.

Front-end

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

Content-first design

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

Bad neighborhood

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

Application context

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

Workspace plan

→
A Webflow plan that applies to your entire Workspace.

Cascading rules

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

Subdomain

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

Dashboard

→
From your Dashboard, you can access, create, and manage all your sites.

Select field

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

Video field

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

Collection URL

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

Content network

→
A content network is a collection of websites where advertisers can pay to display digital ads.

Automagically

→
Automagically describes complex content or functions that appear as if they were created using magic.

Left margin

→
Left margin is a CSS property that defines the space between an element's left edge and its surroundings.

Duplicate element

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

Webflow branding

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

Webflow Editor

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

Shared Workspace template

→
Shared Workspace templates are templates made from your own sites. They can help you create sites with similar layouts and increase your efficiency when designing. Your Workspace members will also have access to your shared Workspace template(s).

Left To Right (LTR)

→
Left To Right (LTR) describes a text layout that starts from the left and proceeds to the right.

Delete element

→
To remove an element and its content from your website.

ATAG

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

Urgency

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

Right padding

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

Desktop breakpoint

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

SaaS

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

Website name

→
The title used to describe your website throughout Webflow.

Constant

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

Resolution

→
Resolution is a metric measuring clarity and detail through the number of pixels displayed on a screen or used to render an image.

Empty elements

→
Empty or void elements are HTML elements that don’t require a closing tag because they contain no content.

Primitive

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

Object-oriented programming (OOP)

→
Object-oriented programming (OOP) is a programming approach that organizes code into self-contained units of data, functions, and behavior.

AJAX

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

Save

→
The Designer automatically saves your progress every 10 seconds.

Pages panel

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

Display property

→
Display properties operate like instructions that tell a browser how to display the different parts of a webpage. You can customize an element’s appearance and layout by changing its display property.

Prefetch

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

Input field

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

Bottom padding

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

Display: inline-block

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

Collection field

→
An individual field within a Collection. You'll select which fields to display in dynamic Collection lists and Collection pages.

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.

Parameter

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

Embed component

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

Site

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

Web server

→
A web server is a computer program or hardware device that delivers web content to clients using HTTP. It handles client requests for web pages, images, and videos.

Static content

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

Email template

→
Email templates — or pre-designed HTML layouts — ensure consistent branding and visual aesthetic in marketing campaigns.

Below the fold

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

Checkbox

→
Checkboxes are HTML structures that allow visitors to input data.

Bundling

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

XML sitemap (sitemap.xml)

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

Key

→
A key, or web key, is a unique identifier that authorizes access to a webpage or service.

Link field

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

Valid

→
A valid CSS pseudo-class is a keyword that enables styling HTML elements based on their state or position in the document structure or web page.

Page name

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

Domain name forwarding

→
Domain name forwarding is a process that automatically redirects visitors from your domain name to a different web address.

Localization

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

Free plan

→
The perfect Webflow subscription for getting started, giving you access to all Designer features, so you can start building a site right away.

Text area

→
A form element that allows site visitors to enter multi-line data.

Contextual advertising

→
Contextual advertising is a form of paid advertising that matches web content with ad intent.

Custom domain hosting

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

Folder

→
A folder is a subdirectory of your site's root folder for organizing web pages.

Inline style

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

Webflow Support

→
The place to go when you need help using Webflow.

Resource Description Framework (RDF)

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

Facebook button

→
A Facebook button is a clickable element on a website that allows users to connect to or share content on the social media platform.

Cryptographic hash function

→
A cryptographic hash function takes an input message of any length, such as a file, message, or password, and uses a mathematical formula to produce a fixed-size output (hash).

Profile settings

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

Beacon

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

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

Base tag

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

Keyboard shortcuts

→
Keyboard shortcuts are combinations of keys on a computer keyboard that perform a specific action or command within an application or operating system.

Element edges

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

Background

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

Call stack

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

Flex child

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

Heading

→
A heading is a text element that provides a title or headline for a section of content on a webpage. These elements guide users and search engines through your content.

Typography section

→
A section in the Style panel that houses CSS properties related to how typography is displayed such as font, font size and height, and align.

Static page

→
A static page is a document with fixed content that makes up an individual web page on your site.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more