One of the most often overlooked part of your WordPress website is the footer. Located at the bottommost part, the footer may be barely noticeable for some, yet it is a crucial part of your branding.

A poorly-designed footer makes your website (and your company) look less professional and unreliable. It can also make or break your website’s overall design and structure.

Here, we will walk you through 9 tips that will help you design your website’s Footer.

#1. Make it readable with eye-friendly font type, size and design

To make the footer appealing to readers, your footer must use font types that are easy to read such as Lora, Calibri, Roboto, Helvetica, and Arial, to name some. In other words, leave calligraphy fonts for other parts of your website.

The background color and overall design must also be visually appealing. Avoid flashy neon colors and unreadable font types.

Make sure that the font size is at least 14 pt., which is the standard font size for websites.

#2. Make sure it has relevant information about your company

When a reader scrolls down to the end of your page, you don’t want them to be greeted with a blank space. Instead, greet them with a beautifully-designed footer.

Your footer must contain vital information such as the company’s name; links to company information or “About Us” page, “Contact Us” form or page, Social Media pages, website’s Blog, terms and conditions, policies; and, copyright statement.

Depending on the type of business you’re in, you may include or omit information as you see fit. You may also vary the design of your footer accordingly.

By carefully laying out details in your footer, you let people know more about your company and how they can reach out to you.

Placing Social Media icons or widgets in the footer is also good for your business as it encourages people to follow you on social media.

Or, they can opt to inquire via the Contact Form. A good example is Brain Traffic, which incorporated a Contact Form in their footer:

Source:  Braintraffic.com

These tips make it easy for you to engage with potential and existing customers, and stay connected with them.

#3. Place a catchy call-to-action

The footer presents a tremendous opportunity for you to convert visitors to buyers or subscribers. You do this by incorporating a Call-To-Action (CTA) in your site’s footer.

One tip for CTAs: Make sure that you only have one, and only one CTA in the footer. Having one CTA avoids confusion for your readers. Make sure that it is clear from the get-go what you want your visitors to do.

Take a look at how Intercom placed a CTA in their footer:

Source: Intercom

#4. Create contrast

To make information in the footer stand out, the background and font colors should contrast each other. This makes the text more readable.

Source: 99designs

#5. Set the Golden Ratio Line Height that looks best on your website

To make sure that your website’s footer is optimized and proportioned to the screen, set its Golden Ratio Line Height.

The line height is the space between the lines of your website’s text elements. Here’s a visual explanation of line height by Pearsonified:

Source: Pearsonified

The Golden Ratio, which is pegged at 1.618, ensures that your website is readable and pleasant to the eyes. Using the Golden Ratio, we can ensure that the text, line height, and width are proportioned to each other.

For you to know the magic number of your Golden Ratio Line Height, you can use the GRT Calculator. This tools shows the optimal Golden Ratio Line Height based on your Font type and size, as well as Content Width, which are all measured in pixels.

If you want to do the calculations yourself, you can use the formula below:

Line Height (in px) = Font Size (in px) * 1.618

Width (in cpl) = Width * (Font Size / 1.618)

To implement it on your website, put your calculated Golden Ratio Line Height and the font size in your WordPress theme’s style.css.

#6. Be Crafty with your Newsletter Form

A footer is also a great place for you to tell your readers or customers to subscribe to your newsletter or email list. Your subscribers are your potential buyers so make sure to include a Newsletter subscription button in your WordPress footer.

Entice your readers to sign up to your newsletter by crafting an attention-grabbing CTA button.

#7: Use Your Space Wisely

You might be tempted to cramp a number of features and offerings on your footer to impress visitors. But clutter repels users more than it entices them.

The use of empty space or “negative space” improves the navigation of your site. Negative space adds contrast to your canvas and users’ attention can be drawn into what you intend for them to focus on.

Source:  Cegedim

Here is an example of a well organized and effective use of space from Cegedim.

Remember to use just the right elements and blend them together to make your site look professional and increase the site’s conversions.

 #8: Easily Make Your Own Customized Footer with Plugins

The best way to design your footer is through plugins. Using plugins to design the footer makes it more dynamic and manageable in the long run.

Below, we’ve picked the three most practical and handy footer plugins:

For starters, HayyaBuild is an intuitive header and footer builder. It is so easy to use as it is a drag-and-drop builder. It also comes with ready-to-use preset templates.

Another builder is the Smart Footer System,which lets you experiment and tweak your footer to make it look more dynamicwith its different types of customization options. With this plugin, you can try eight different modes for your footer such as banners, spreads, CSS3 animation, or Accordion. You can also design your footer with an auto-hide or show-only option. Aside from having 100 styles to choose from, this plugin is compatible with most page builders and themes.

Another great plugin is the Footer Putter, which easily creates accreditations, trademarks and copyright notice. It also lets you hide the “Powered by WordPress” trademark line. This improves the credibility of your company.

So, that’s it! These are the 8 design tips for your WordPress website’s footer to make it more readable and appealing.

Have you tried out any of these tips? Let us know in the comments section below.


Aaron Chichioco

Aaron Chichioco is the content editorial manager of designdoxa.com. His expertise includes not only limited to the topics about Web/mobile design and development, but social media marketing, branding and eCommerce Strategies as well. As a former operations manager, he used to oversee the day-to-day operations of several online businesses since 2011.

30 Comments

Gretchen Clunies · February 2, 2019 at 3:39 pm

In cases like this, you need to go for a relatively easy picture frames.
A vector path, it doesn’t matter what the twists and turns are, could be
more elastic and scalable. Then it does not matter when it is
heads or tail, one can possibly predict the ultimate results.

Daniella Yagan · March 7, 2019 at 4:36 pm

Very great post. I simply stumbled upon your
blog and wanted to mention that I’ve really loved browsing your weblog posts.
After all I’ll be subscribing on your feed and I
hope you write again very soon!

Rufus Bridgeford · March 11, 2019 at 11:11 pm

I have been exploring for a little for any high quality articles or weblog posts in this kind of area .
Exploring in Yahoo I at last stumbled upon this
site. Reading this info So i am glad to show that I’ve a very good
uncanny feeling I found out exactly what I needed. I most definitely
will make sure to don?t disregard this site and give it
a look regularly.

Kellee · March 12, 2019 at 4:17 am

Oh my goodness! Amazing article dude! Thank you, However I am going
through troubles with your RSS. I don’t know why I can’t join it.

Is there anyone else getting similar RSS issues?
Anybody who knows the answer can you kindly respond?
Thanks!!

Valentina Hust · March 12, 2019 at 3:07 pm

Just want to say your article is as astonishing. The clarity on your publish
is just cool and that i could think you’re an expert in this subject.
Well along with your permission allow me to take hold of your feed to keep
up to date with approaching post. Thank you one million and please carry on the
gratifying work.

Suzette Fehon · March 13, 2019 at 10:05 am

This is very fascinating, You are an excessively professional blogger.
I’ve joined your rss feed and sit up for looking for extra of your wonderful post.
Also, I’ve shared your website in my social networks

Pedro Flinn · March 13, 2019 at 1:26 pm

Heya i’m for the first time here. I found this
board and I find It truly useful & it helped me out a lot.
I hope to give something back and help others like you helped me.

Deangelo Marroquin · March 13, 2019 at 7:03 pm

Hello there I am so happy I found your blog, I really found you by accident, while I was looking
on Yahoo for something else, Anyways I am here now and would just like
to say cheers for a tremendous post and a all round thrilling blog (I also love the theme/design), I don’t have time to browse it all at the
moment but I have bookmarked it and also added in your RSS feeds, so when I have time I will be
back to read more, Please do keep up the awesome work.

Dorie Badilla · March 13, 2019 at 7:08 pm

I am sure this paragraph has touched all the internet people, its really really fastidious piece of writing on building up new weblog.

Sima Keeney · March 13, 2019 at 7:57 pm

I really like what you guys are up too. This kind of clever work and coverage!
Keep up the excellent works guys I’ve added you guys to my own blogroll.

Marina · March 13, 2019 at 9:07 pm

Great post! We are linking to this great content on our website.
Keep up the good writing.

Mattie · March 14, 2019 at 6:04 pm

Hello, after reading this remarkable post i am
as well happy to share my experience here with colleagues.

Alberto · March 14, 2019 at 6:34 pm

bookmarked!!, I like your website!

Kadence Orlando · March 15, 2019 at 3:16 am

After going over a few of the articles on your site, I really like your technique of writing a blog.
I book marked it to my bookmark website list and
will be checking back in the near future. Please visit my website as well and let me know what you think. http:// kadenceorlando.com/

Lizette Ybarra · March 15, 2019 at 8:13 am

Howdy! I’m at work surfing around your blog from my new apple iphone!
Just wanted to say I love reading through your blog and look forward
to all your posts! Keep up the fantastic work!

Isabelle Schulze · March 15, 2019 at 8:18 pm

Great info. Lucky me I discovered your site by accident
(stumbleupon). I’ve book marked it for later!

Rozella · March 16, 2019 at 7:54 pm

I absolutely love your site.. Excellent colors & theme.
Did you develop this website yourself? Please reply back
as I’m attempting to creat my very own website and want to learn where you
goot this fro or what the theme is called. Thank you!

Robby · March 17, 2019 at 7:13 pm

Its like you learn my mind! You appear to know a llot approximately
this, likee you wrote the e-book in it or something.

I believe that you simply can do with some p.c. to power the message house a little bit, however instead of that, that is fanttastic blog.

An excellent read. I will certainly be back.

Annie · March 19, 2019 at 3:40 am

I was curious if you ever thought of changing the page layout
of your website? Its very well written; I love what youve got
to say. But maybe you could a little more in the way of content so people could connect with it better.
Youve got an awful lot of text for only having 1 or 2 images.
Maybe you could space it out better?

Amie · March 19, 2019 at 1:57 pm

Fantastic website you have here but I was curious about if you knew of any discussion boards that cover the same topics discussed here?
I’d really like to be a part of group where I can get feed-back
from other knowledgeable people that share the same interest.
If you have any recommendations, please let me know. Bless you!

Lelahiller · March 21, 2019 at 3:41 am

This is a topic which is close to my heart… Thank you!

Exactly where are your contact details though?

Marcella · March 21, 2019 at 10:54 am

Aw, this was an exceptionally good post. Spending some time and actual effort
to create a top notch article… but what can I say…
I put things off a whole lot and don’t manage
to get nearly anything done.

Sophie · March 24, 2019 at 4:35 pm

Excellent post however I was wanting to know if you could write a litte more on this topic?
I’d be very thankful if you could elaborate a little bit further.
Kudos!

Victor Hook · March 25, 2019 at 6:40 pm

There’s definately a lot to know about this topic.
I love all the points you made.

Jacklyn · May 15, 2019 at 5:37 am

What’s up, every time i used to check blog posts here early in the morning,
since i love to gain knowledge of more and more.

Situs Sbobet · May 24, 2019 at 5:16 pm

Its like you read my mind! You appear to know a lot about
this, like you wrote the book in it or something. I think that you can do with some
pics to drive the message home a little bit, but instead of that, this is magnificent blog.
A great read. I will certainly be back.

Selena Collocott · May 30, 2019 at 1:05 am

Thanks for sharing your thoughts. I truly appreciate your efforts and I am waiting for your further post
thanks once again.

visit site · June 29, 2019 at 6:37 am

Hi! Would you mind if I share your blog with my facebook
group? There’s a lot of people that I think would really enjoy
your content. Please let me know. Thanks

promotional tote bags · June 29, 2019 at 1:33 pm

You’re so awesome! I do not believe I’ve truly read anything like this
before. So great to find someone with some unique thoughts on this subject.
Seriously.. many thanks for starting this up. This web site is one thing that’s needed on the
web, someone with a little originality!

URL · March 13, 2019 at 8:31 am

… [Trackback]

[…] There you will find 56496 more Infos: designdoxa.com/2019/01/29/8-tips-to-improve-the-design-and-readability-of-your-wordpress-footer/ […]

Leave a Reply

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