The footer is widgetized area of website that provides you several plug-ins to download according to your choice. Ask yourself – whether you want to make the footer eye-catching to attract the visitors. Although many blogs use main menu to serve a navigation, you can use other navigation methods like footer, text, etc. You can add links and plug-ins in the bottom of the page for navigation. It is just a reflection of header. There is no hard and fast rule with footer height, but generally use the color and layout, which is the same as in header. It is a great option to display on the site-map that is not possible to view in your main menu. It is a last port to target number of audiences.
Let’s have a look at these important elements to make your website user-friendly:
To make your website popular and user-friendly, you need to add these useful elements in your website footer.
Aids Usability
A wide range of top-notch companies spend their lots of valuable hours and money to place it on the right location. The length should be appropriate in such manner that either a visitor scroll page up or down, your main menu or footer of page should be visible to reader.
Blog Promotion
You can add your most popular and recent posts (like 5 or 6) in the blog section of footer. This is a good way to cross-link and land your business page to the visitors in order to increase the engagement with them.
About US Section
This is a place, where many attractive plug-ins are available with some built-in short codes. It can work, if you are a brand face such as consultant, writer, artist, author, etc. This will help to let the visitor know about website and its services.
Call to Action
This is the most essential part especially for marketing. It invites readers to subscribe via social media icons and buttons to connect with you on social media networks.
Contact Information
It is generally mentioned on the footer with the contact details such as address or phone number. A Google map can easily help to find the location in convenient manner.
Remember Conventions
There are some well-known conventions that come in our mind when we design website footer. We advised some different ways to showcase, in which the footer of website can be utilized.
Footer Design Examples
Jared Johnson
![Jared Johnson Jared Johnson](https://web.archive.org/web/20140405134820im_/http://4.bp.blogspot.com/-6XrCeSpmygU/UqVWDo8dPiI/AAAAAAAAA7k/_mQf5rAOfe4/s1600/Jared-Johnson.jpg)
In many cases, it becomes a convention when we include contact information in the footer, which is not required. However, it can be true for the physically address service providers like businesses and freelance designers. Jared Jonson is a freelance designer, so he gives priority to the contact information.
CSSChopper
![CSSChopper CSSChopper](https://web.archive.org/web/20140405134820im_/http://4.bp.blogspot.com/-GLUeC7Ie_dc/UqVWDs6xf2I/AAAAAAAAA7s/OD6UW0ztaJ0/s1600/CSSChopper.jpg)
CSSChopper website uses the contact information in the bottom of page. It displays location, contact details and working hours. They have given a convenient place, where the information stands out in innovative and attractive way.
New Babylon
![New Babylon New Babylon](https://web.archive.org/web/20140405134820im_/http://4.bp.blogspot.com/-1KEThBs4j8A/UqVWEniLPvI/AAAAAAAAA78/ULHcsYnvzIs/s1600/New-Babylon.jpg)
This website is displaying their sponsors and supporters in the footer section for website promoting events. This can help to make appearance credible. The color of this section is varying with the main content section to emphasis more attention.
No-Refresh
![No-Refresh No-Refresh](https://web.archive.org/web/20140405134820im_/http://1.bp.blogspot.com/-nm5hPOnqY2E/UqVWE4cnxhI/AAAAAAAAA8E/hcuByCQj5Sw/s1600/No-Refresh.jpg)
This website provides complete contact detail with an eye-catching products overview and FAQ’s.
Ditto
![Ditto Ditto](https://web.archive.org/web/20140405134820im_/http://1.bp.blogspot.com/-OrnahQdVrXs/UqVWDgUIk9I/AAAAAAAAA7g/UHKrW8jk2tU/s1600/Ditto.jpg)
An eyewear retailer Ditto uses its navigation on the top of footer. They use this technique to lead the customers towards their product’s selection process.
Web Designer Wall
![Web Designer Wall Web Designer Wall](https://web.archive.org/web/20140405134820im_/http://3.bp.blogspot.com/-W8wS48dmMxA/UqVWGOuxssI/AAAAAAAAA8g/dgceS5nCNsw/s1600/Web-Designer-Wall.jpg)
This website provides links to recent posts and user comments, which are used to attract visitors.
Rdio
![Rdio Rdio](https://web.archive.org/web/20140405134820im_/http://2.bp.blogspot.com/-x3uhJEJoSlc/UqVWFFqlzOI/AAAAAAAAA8Q/hF6fG7bt2PA/s1600/Rdio.jpg)
The famous Rdio website uses social media links with plenty of empty spaces within the footer.
Spark Box
![Spark Box Spark Box](https://web.archive.org/web/20140405134820im_/http://1.bp.blogspot.com/-05eoMOwvKB0/UqVWF8z2aGI/AAAAAAAAA8c/fS2GigFoLg4/s1600/Spark-Box.jpg)
Spark Box uses an idea to advertise their products with the social media website’s links like Twitter, Flickr, etc.
Karma
![Karma Karma](https://web.archive.org/web/20140405134820im_/http://4.bp.blogspot.com/-PbYF_598F0E/UqVWETW0-LI/AAAAAAAAA70/IoTEeEZ0cU4/s1600/Karma.jpg)
This website majorly focuses on call-to-action button, which is located on footer that is large, friendly and easy to find.
Scriptogr.am
This website also uses the same approach call-on-action in innovative way to attract users.
How do you use the footer section of your blog ? Drop your comments and questions below.
By Guest Author – David Meyer is an experienced and professional web developer who is associated with the best HTML5 Web Design Company named CSSChopper. He has shared his keen ideas with amazing blogs for website designing services.