29+ Website Footer Examples and What Makes Them Work

29+ Website Footer Examples and What Makes Them Work

Often neglected by web designers, website footers are nothing less than a stop point where users can decide if your website is valuable to them or not. There’s no too much scrolling, when it comes to reaching the bottom of a webpage, users will find it and extract the most of it.

What to integrate in a website footer?

First, let’s see what elements should be integrated in a website footer. Consider one or more items from the ones listed below, and carefully decide what to include in your website footer. Research has found that improving the website footer can lead to as much as a 23.77 percent increase in conversions.

We’ll take these elements one by one:

  • Copyright

The copyright notice, although not mandatory, is still a must-have for any website. It is a notice that helps preventing copyright infringement. In case any of the website elements is copied, the person having stolen from you cannot claim ignorance. Footers containing only the copyright notice have a simple, yet elegant presentation.

The copyright notice usually includes the © symbol (copyright symbol), the year of publication and the name of the copyright owner.

  • Terms of service

Like the copyright notice, the terms of service are not mandatory, but they should be included in the website footer. They refer to the general rules and guidelines people are deemed to follow when using your website. They may be named as such (“Terms of Service”) or “Terms of Use” or “Conditions of Use”, like in the example of Amazon:

Terms of service can be enforceable, through the browsewrap and clickwrap methods. The browsewrap method refers to the inclusion of the Terms of Service through a link in the website footer. The clickwrap method, however, refers to placement of the terms of service in forms, i.e. when users try to create an account. When they click “Submit”, they also have to agree to the terms of service of that site.

  • Contact + address

One of the most important elements in a website footer is contact information. If people like what they see on the page, they will want to further get in touch with you. Leaving a phone number, email address and physical address in the footer will help them a lot.

Sometimes, it is also recommended to include a map for simple geo-localization.

All you need to do is transmit that you are findable through some points of contact, easy to be identified in the website footer.

  • Social media buttons

It is best practice that you should place social media icons in the footer of your webpages. You want your visitors stay as long as possible on the site. And you will want to direct them to other places/groups only after they have taken into consideration the whole information presented on the website. That is why putting social media icons in the header or body of the page is not quite recommended. However, when placed in the website footer, they make your visitors dwell longer with your business (event if somewhere else online).

  • Widgets

Widgets are small applications that can help you insert different pieces of content into the website footer. Some examples include Calendar, Archives, Categories, Recent Posts, Recent Comments… and the list continues.

Below is an example of footer with widgets included:

  • Description

Some might want to include a description into their website footer. Or some links with short presentations of what characterizes the business. The above example is representative of a website presentation placed in the footer. Here is another example – with links to short presentations of a business:

  • Search box

It might be useful to include a search box in the website footer. Users might not have found what they were looking for in the page body; when they hit the page bottom, you offer them the possibility to perform a specific search for the item they are searching for. This is a sign that, although they reached the end of a page, they have not reached the end of the website. They might navigate further into the website and consult the needed information.

  • Subscription option

It’s common practice to put an email signup form in the website footer. Users that find helpful the information in the website will be inclined to subscribe to a newsletter, when they find this option in the footer.

  • Call-to-action

It is recommended that you include a clear CTA in your website footer. Now it’s time for you to take action. Don’t let this moment pass by, and invite users to further exploration, like in the example below. CTAs might well increase conversion rates, by helping undecided users to make up their mind, in favour of a product/piece of information/service, etc.

What inspires your website footer?

With the elements listed above, you can make a mix of visual and writing that leaves the users with certain impressions about your website.

So, what does a website footer inspire in the readers?

  • Reviewing the website

A quick glimpse back into the website can trigger stronger connections of the users with that website. An overview of the most important pages/information, in the form of a short list of links, can go a long way in further engaging the users.

Source: https://www.awwwards.com/

  • Continue navigation within the website

Sometimes, the footer can be so intriguing, that it doesn’t let the user go. It invites him/her to continue navigating within the website, and find the answer to a key question: is this website appealing to me? What do you think about this:

Source: https://www.awwwards.com/

  • Action (contact, CTA)

An encouragement to take action (be it directly or indirectly) can well find its way into a website footer. Shell invites users to perform a certain action, based on their profile and in a very elegant manner:

The centered column briefly asks “Can we help?” and gives the list of possibilities to act upon the situation that best describes a certain user.

  • A sense of belonging to a community

There are different ways a website owner can design their footer to express this feeling. In the example below, the designer does this visually, by expressing in several colourful graphic elements the atmosphere in a certain geo-location, at a given time.

Source: https://www.awwwards.com/

  • Cleanness

By respecting a certain hierarchy of information, and grouping links accordingly, a website footer can give the impression of being organized, neat and clean, and ready to be explored. This is what the example below conveys when being scanned by users already reaching the website footer:

Source: https://www.awwwards.com/

  • Professionalism

A good-looking footer has all chances to look professional and transmit that there are no superfluous items in the dedicated space. No items are redundant, and everything is well placed to transmit the values inherent to the organization.

Fat footers

There is a general trend in web design that encourages the creation of footers with plenty of elements and information. Why this?

A study revealed that, although the most-viewed space of the page is placed above the fold, the most-engaged users are those that spend more time and engage with the website more at the bottom of the website. The below the fold space is thus viewed for nearly 3 times longer than the above the fold space.

Joulefinancial.com offers plenty of information in its footer, making it easy for visitors to find contact data and plunge into more educational info provided by the site.

Sub-footers

Sub-footers let website owners add a secondary level to a webpage footer. Information that is necessary, but which website owners do not want to showcase in a specific way, can be placed into a sub-footer.

Copyright, social media icons or subscribe buttons can be arranged under some useful site links and any other valuable information.

No footer at all

The idea of inexistent footer is correlated with infinite scrolling. It suits some websites with lots of user-generated content or newspapers where new articles are presented one group after another, endlessly.

A good example of this is Mashable.com:

Types of Footers for Different Types of Websites

Depending on what website owners expect from users, when reaching the bottom of a page, there are different types of footers showcasing some items.

CTA-focused footer

Demicreative.com has a plain call-to-action, when inviting users to “Give us a shout”. The invitation is followed by the mail address and the phone number, facilitating people to “give a shout” regarding their brand.  The blue background is reassuring and professional, smoothing the way these people can enter a collaboration with Demicreative.

Bluestag.co.uk also has a clear call-to-action, “Hire Us”, followed by the contact details. The phone number and the email address are clickable and ease the contact process for all who are inclined to “hire” Bluestag.co.uk.

Socialtriggers.com has a more obvious call-to-action. The traditional CTA button is outstanding – in the website footer, by its placement and its salient color.

Emaildesign.beefree.io is another example of CTA-focused footer. After having consulted the webpage, people are more inclined to select the services the company provides. That is why the button saying “Take me to the Bee Mail Editor” invites people to try the service of the company, even from the website footer.

“About Company”-focused footer

Social Fresh only has a link in the menu, towards an “About us” page. The rest of the homepage is filled with articles that consolidate their competencies, so the need to find out more about the company might arise when reaching the page bottom. As a result, they included a short description of the company on the left side of the footer, for people that are more interested in their activity.

Wpbeginner.com has a similar footer, with some space dedicated to a description of the company. It addresses people who have been interested in one article, and who are afterwards interested in finding out more about Wpbeginner.com. Based on how convincing the description is, people decide whether they mark the website as a point of reference for future related searches.

Sitemap and links at the center of the footer

Blog.compassion.com has a footer that is rich in links, presenting the organization and the latest posts published on the blog. They are structured according to a simple hierarchy, to meet the standards for cleanness and avoid clutter.

Nytimes.com has a footer that lists all the categories and subcategories of the journal. A great part of it is filled with links towards those categories. After people consulted some articles directly from the homepage, they can easily switch, from the footer, to a different section and browse the articles corresponding to it.

Product-focused footer

Webflow.com/ecommerce lists a wide range of products/services destined to designing online stores.  You only have to choose from the different segments of offerings, and you will be taken to the page presenting those offerings in detail.

Copyright and usage-focused footer

There might be such a thing as a simple footer. It only includes the copyright notice, with no other information added.

Chobani.com includes links to the Terms & Conditions, as well as the Privacy Policy valid for the website. So, in this case, the footer is the place to fill with necessary, but not such interesting information.

Architecturaldigest.com has a more descriptive paragraph about the User Agreement and Privacy Policy. The placement of information accounts for a two-layered footer, as the rules of the website are presented in a sort of sub-footer.

Contact-focused website footer

Bluefountainmedia.com has a footer which is rich in contact information: maps for geolocalisation, offices addresses and headquarters address are included. In the background, a suggestive image seems to invite people to get in touch with the company’s team.

Social media-focused website footer

As obvious as the space for newsletter subscription, social media icons invite users to follow “Guerlain” in social media and contribute to the company’s community.

Footer that keeps people wandering in the website pages

The footer of the Ebay website offers links that urge people to stay on site and wander about, exploring for more.

To put it all together

The website footer is not to be neglected. According to research and different studies, it is a favourable place to capitalize on to increase conversions. Depending on the website type and the objectives of each page, the footer might include different elements of use for the visitors. The only thing you have to do is choose the RIGHT elements to put in the website footer, and organize them according to a clean structure, easy to browse and take benefit from.

 

Leave a Reply

Your email address will not be published. Required fields are marked *