Tips: Optimising Your Website's Footer

The footer of your website often acts as the final point of engagement for your visitors, offering them further options to explore essential information about your business. An effectively designed footer can enhance usability, improve access to information, and strengthen your SEO. This post will explore key elements to include in your website footer, provide examples of different footer types, and discuss the importance of customising footers on specific pages like landing pages.

Key Elements of a Website Footer

A well-designed footer can serve multiple functions, from guiding visitors to providing legal information. Typical elements include:

  • Contact Information: Phone numbers, email addresses, and sometimes a small contact form.
  • Navigation Links: Quick links to important internal pages like FAQs, About Us, or Product Pages.
  • Social Media Icons: Links to social media profiles to enhance engagement.
  • Newsletter Signup Form: Encourage visitors to subscribe to updates.
  • Company Information: Brief about section or mission statement.
  • Privacy Policy and Terms of Use: Legal links that provide transparency about site policies.

Footer Design Examples

Service Website

Service-oriented websites should focus their footer on making bookings and providing business information: 

  • Contact information
  • Social profile links
  • Opening hours
  • A newsletter sign-up field
  • Relevant links to online booking, services, prices, and about.

Footer example for Portfoliobox website

Webshop - E-commerce

E-commerce sites need to provide easy navigation to essential customer service and shopping information:

  • Customer service: Contact, FAQ, Submit a claim
  • Product Categories
  • Shipping and returns policies

Footer templates Portfoliobox

Portfolio Site

  • Links to About and Contact
  • Direct link to the portfolio gallery
  • Social profile links 
  • Links to media coverage, exhibitions or awards

Footer templates Portfoliobox

Customizing Footers for Specific Pages

While most pages on your website will benefit from a consistent footer, there are instances where a different footer may be more appropriate. For example, landing pages designed for specific projects or campaigns should have a footer that minimises distractions and focuses on converting visitors. This might mean simplifying the footer to include only the necessary information and a call to action. 

  1. Hide the footer on the page
  2. Create a section of any type at the bottom of the page. Note: this section should not be included in the footer!

Best Practices for Footer Design

  • Consistency: Keep your footer consistent in style and visibility across most pages to meet user expectations.
  • Visibility: Despite being at the bottom, the footer should be easily accessible by not overcrowding it with too much information.
  • Responsive Design: Ensure your footer adapts well to different screen sizes, especially for mobile users.
  • Clear Hierarchy: Organize footer content in a visually hierarchical manner, making it easy for users to find what they need.
Creato per i creativi
Crea il sito del tuo portfolio personale
Crea, mostra e vendi!
Creato per i creativi
Pronto a creare il tuo portfolio online?
Inizia gratis
Grafica con un messaggio di invito all'azione ben visibile nella parte superiore
Grafica con un messaggio di invito all'azione ben visibile nella parte superiore
Grafica con un messaggio di invito all'azione ben visibile nella parte superiore
Grafica con un messaggio di invito all'azione ben visibile nella parte superiore
Grafica con un messaggio di invito all'azione ben visibile nella parte superiore
Grafica con un messaggio di invito all'azione ben visibile nella parte superiore

Inizia gratis

Crea subito il tuo portfolio online

Progetta il tuo portfolio