Often overlooked, the footer is yet a key element for a website. It is an important section for website visitors who want to get more information about your company. When designing the footer for your website, you face the challenge of defining the elements that will be included in it, while keeping in mind that a perfectly optimized footer facilitates the navigation while helping you to reach your commercial objectives. Want to know what visitors expect when they scrolled down to the bottom of your site? Follow the article – we gathered the best practices of website footer design and examples of great website footers.

The Benefits of A Good Website Footer

A Guide To Website Footer Design

It is not 100% necessary for your website to have a footer area at all, however, not using one may make it frustratingly challenging for some of your website visitors to find specific pieces of information about your website or business. For instance, the footer section is ideal for placing your copyright info, and important links to essential pages of your website, such as your about page, contact page, terms and conditions page, privacy policy page, disclaimer page, and Cookie notifications page, etc.

Contact information is a pretty popular one, mind you. Most people expect to find contact details in the footer. Other than improving the navigational flow of a website as well as user-experience, strategizing a website’s footer design has been proven to impact conversions for some brands and businesses. Maybe it can for you too.

Website Footer Design Cases

During a usability test, UserTesting found that placing their conversion goals in the footer section helped them to increase their conversion rate by 50% over a two-week period. SmartInsights also reported that they saw a near 24% growth in their sales conversion rate simply by optimizing their website footer.

Footer Examples

Now. I want to share with you a small handful of website footer designs that I found and liked a lot. This is to help inspire you when you create your own footer design. Web studio SparkBox makes use a full-width card-style interface footer design which is really simple but very attractive. Their footer area clearly displays contact information, navigational links, and social media profile links.

Bristol Archive Record’s

Which consists of a graphic background image of the Clifton Suspension Bridge. Their footer section provides three widget areas with links to important pages, copyright info, and authority logo’s to website and profiles they use. Great, I really think that’s enough inspiration for you. Now, let’s look at 16 things to consider including in your footer design. Let’s start with what I believe to be the essential items:

Zoyo yogurt’s

Website footer is another one that I liked the look of. Their footer design consists of contact information, navigational links, and a simple but attractive email contact form.

GiftRocket’s

Beautiful footer area is made up of a pre footer area for showing off their testimonials from reputable brands, and a main footer area that contains all of the important navigational links to other pages on their site.

BlogVault Footer

Website footer displays a pre footer section with a conversion goal (getting people to signup for a service trial), followed by a main footer area with a list of recently published blog articles, navigational links, conversion links and links to help and support pages, privacy and policy pages.

Footer Elements

Copyright info – Make it clear that the content of your website is protected and copyrighted and that plagiarism is prohibited! Copyright info should ideally be placed in a sub-footer.

Testimonials – This is optional, however, I believe it’s essential for online businesses to link to their feedback submission page or a testimonial page. Assuming you have one, of course.

Google Map – If your website is the online portal for your brick and mortar business, perhaps you run a guest house, restaurant, or local events center – Then certainly consider adding some location information to your footer. This could be a simple address and postcode or a local Google Map integration.

Secondary Navigation – Add links to your about page, FAQ page, and other important pages of your site that you think would provide additional assistance for your website users.

Contact Info & Terms

Contact information – As I mentioned earlier, most people tend to scroll down to the footer section to find contact information. It’s essential that you add yours to your footer, especially if you haven’t included a link to your contact page in the main navigation, where most websites will have theirs. Your contact information can be a mailing address, telephone number, and email address.

Privacy Policy – With online privacy laws getting stricter, it’s essential to display a link to your privacy policy page.

Terms of Service – If like myself and many others, you provide a service through your website or run an e-commerce website, the last thing you want is your customers/clients to become confused about the terms of doing business with you. Make sure you display a link to your terms of service page clearly in your footer.

Informative Items On Footer

List of latest blog posts – You may want to add a feed to your latest blog posts in your website’s footer, or an even better strategy would be to link to just a few of the best and most popular blog posts. My advice to you would be to keep this minimal, though. Four or five links should be more than enough.

Contact Form – If you don’t wish to place your contact information on display in your footer, especially your email address. To reduce the risk of receiving email spam, consider adding a simple contact form instead. Using a form in the footer area of your website can help make it easier for your users to contact you, and from practically any page on your website. Remember, however, a form can take up a considerable amount of footer space.

Mission Statement – If you want to show your visitors what your website or brand stands for, what your goals, aspirations are, etc. Consider adding a short version of your mission statement in your footer. If you have an extended version of your MS, you could always add a link to it.

Extra Options For Website Footer

Bio  – If your website is a personal brand site or blog, you could also add a short bio about yourself including a photo to help add some human element to your website. You can then add a link to your about page where visitors can click on to learn more.

CTA – Do you have sales pages, best selling product pages, affiliate pages that you want to promote further? How about linking to them in your footer anchor text?

Social Proof & Follow Us Icons – If you want to show off your social media influence or get people to follow you on your most active social networks, consider adding some social profiles and perhaps the number of subscribers/followers you have for each profile in the footer for social proof. You could even create a pre footer area for these, like the one shown below!

Email Opt-in Form – A great way to boost your email opt-in conversion is to display a simple signup form. Alternatively, if a signup form is simply too much to add to your footer. Consider a simple call-to-action button or link to your main lead generation page.

Site Map – A Site Map essentially helps search engines to get a better understanding of the structure of your website and content. Many websites will choose to have a link to their SiteMap besides their copyright info in a sub-footer.

Social Sharing Tools – Social sharing buttons can also be placed in the footer. It make easier for your visitors to share your page with their social media friends and followers.

Don’t Have On Your Website Footer

Great, so what about items that shouldn’t be in your website footer? Let’s take a look: Page view counters and traffic stats widgets. Direct affiliate links. Embedded social media feeds. Advertisements. It really depends on what platform you’re using to build your website. For WordPress users, for instance, there are a number of premium quality footer plugins you could try out.

Different Footer Per Page

Some websites use different footers on their pages to meet their conversion goals. Some website owners prefer to only use a footer section on the homepage. Great. So you’ve read enough of how I feel about optimizing your website’s footer design. Now let’s ask a few other experts what they think.

Professional Ideas For Website Footer

Andrew Lowen – “The footer area of a website should help website visitors navigate the website. We like including important links (such as most/all menu items), contact information, and the copyright info.

Mistakes in the footer are to add social media feeds or “join our newsletter” forms. When a user looks at the footer, they aren’t interested in your social media… they missed what they were looking for in the main body of your website! If you fail to navigate them to someplace closer to what they were looking for, you are going to lose out on potential conversions. People don’t go to the footer on purpose. They go there because their scroll action led them there by accident. Often due to their lack of attention to detail. Your footer should help them find what they need!”.

Ashley Faulkes – “I use the footer for a few key things that are often not should be easy to find. The company details (name, address, phone etc) List of important pages that are either not in the main header or deserve repeating. (shipping, privacy, terms, and conditions, about the company etc).

Lastly, an important call to action: Further ways to get in touch, an email opt-in (newsletter). A booking button, donate button etc.
Yes, the footer is often forgotten about and under-utilized, but it can be a very useful place indeed.”



Share This Post