Skip to Content

Create a Custom Static HTML Tab for Facebook

One of the main ways to promote an online or offline business today is by using a Facebook business or fan page. You can do more with your page with a custom static HTML tab.

You can read more about the post author at the end of the post.

Learn how to create a custom static HTML tab for your Facebook page

 This place is a property on “The social network” that gives your business and brand a powerful piece of digital real estate. In order to get the most out of this amazing resource, the Facebook page must be as functional as possible.

The perfect way to do this is by adding tabs to the fan page so that visitors can access to more information about the business or brand. The issue sometimes is that the predetermined tabs that Facebook allows us to add may not be very helpful for displaying the information that we want. A great way to tackle this is by adding a static HTML custom tab that will helps us not only to display the right information to our visitors but also to keep it very branded. If you want to discover how to do this I invite you to stay here and learn more about it.

Facebook page tabs are those icons that appear just below the cover photo where you can see the number of likes, click to see photos, get a map, and much more. When a new page on Facebook is created it has some predetermined tabs with it, and the great thing about it is that you can add more. Each tab is an app and in order to add more tabs is necessary to do a simple Facebook search to find the app that we want to install. It is a great idea as well to visit the App Center on Facebook and see which apps could be added to your page. Static HTML: iframe tabs It is possible that some of the predetermined apps available are not suitable for displaying the information that you want to show, and in this case a good way to go is by using a static HTML custom tab. This will easily allow you to add whatever content you want, upload images, point to an external site, and much more. These kind of apps are being used all over Facebook and the best of all is that they are totally free. The installation and setup process varies from one developer to another but the main steps are the same. These static HTML custom tabs allow you to make your Facebook page a very functional and valuable resource for everyone that wants to know more about you have to offer.

Related: How to Understand Basic HTML

What is the use of these custom tabs?

There are some types of businesses that want to display very specific information using a certain format. A restaurant for instance may want to add either a picture of a menu or an interactive form where people can order food from home. This would definitely add a lot of value to that business as it can be easily reached using the internet with minimal effort at all. These tabs are powerful ways to make your business reachable and handy for people on social media. In order to learn how to add a custom HTML tab to your page and take advantage of this free tool keep reading. I am about to tell you how to spend the next fifteen minutes, after reading this post, adding custom tabs to your Facebook business page.

What could a normal blogger like me do with a static HTML custom tab on Facebook?

Something that I love about static HTML custom tabs is that they can be exactly what you want them to be. Some of the best uses that I have seen include an opt-in form for collecting names and emails, Twitter feed, videos from a YouTube channel, direct links to specific sections of a website, special events or giveaways, and more. In the end it all boils down to how creative you want to be, and it is a good idea to surf different Facebook pages in order to learn what others are doing.

I have a friend who is constantly hiring people for her website; she really likes social media and included a custom tab on her Facebook page with a video and short paragraph about how to bid for a job at her company. She is an author and entrepreneur as well and added a custom tab with a direct link to her book on Amazon, so as you can see the sky is the limit. The key to me is thinking about the important aspects of your blog that people must know about, after that it is simply a matter of adding the tab with images, videos, links, posts, podcast, or whatever you can imagine in order to send the right message.

How to add a static HTML custom tab to my Facebook page?

Here I want to give you a simple and step by step guide for you to create a static HTML custom tab for your Facebook page. The process is really simple and once you set up the first one the rest is rinse and repeat. Notice as well that Facebook is always changing and the process that I am describing to do this is the most current one, but this can change in the future.

1. Search the app: The first thing to do is to login to Facebook and inside the search box type the words “Static HTML: iframe tabs”. This will bring to the top of the list an app with the image of a big star. Click on it.

2. Install the app:

You will be redirected to the page of the app; here you’ll find a simple description of the tool and a big green button that invites you to add Static HTML to a page. Click on it and choose the page where you want to install this app.

3. Add the content:

Once that the page is selected, a new tab will appear on the admin panel of the page, and in order to add the content it is required to click the new tab icon and start editing. This app allows you to add content using the following formats: HTML, CSS, and JavaScript. There are some preset layouts that you can use to upload a specific type of content such as a website, images, video, and more. Simply click on the “change app” hyperlink below the words Static HTML and you’ll be redirected to another page where you can select the type of layout that you want according with the content that will be displayed. Don’t forget to hit the “save & publish” button to make the content live.

4. Edit Tab icon:

Once that the content is in place, you want to make sure that the name and image of the icon matches what is shared on that tab. This can be done by going back to your page’s admin panel and clicking on the down pointing arrow next to your existing tabs. This will display more empty slots to add apps and allow you to edit the current ones by clicking a pencil that appears at the top-right corner when hovering over a tab. Click on that pencil and select “edit settings”. This will pop up a window where the name and image of the tab can be changed.

5. Add another tab: If you need to add another static HTML tab you do not need to install it again. Simply click on the existing static HTML app and you will see its content as an admin. Click on the “admin tools” button and select “+More” from the upper main menu. Scroll down the page and click on the big blue button that says “Add more tabs to this page”. Click on the “Second tab” link and add it to the page.

If you want to remove an already installed custom tab simply click on the pencil again and click the “Uninstall app” button to remove that specific tab. Adding these static HTML custom tabs to your Facebook page will allow you to make it more functional and to be able to interact much better with people.

Related: How To: Basic Facebook SEO

Related: Tips for Promoting Your Posts on Facebook

 Add a Custom Static HTML tab to your page today

The only way to make this happen for your business is if you actually do it, and for this I want to encourage you to spend the next fifteen minutes adding a static HTML custom tab to your Facebook business page. This will allow you to take advantage of all the amazing features of this tool.

About the author:  Jose Lozano is an online publisher and entrepreneur with an interest in social media tools. He has learned that promoting businesses using Facebook is a great idea and he uses this and other social networks to drive traffic to his site about RC flying toys. On this site Jose shares content related to Blade helis such as the mQX RTF quadcopter; these posts are very helpful for other hobbyists who are interested in learning how to make an educated decision when purchasing a flying toy.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Anna

Tuesday 24th of February 2015

Anyone getting a banner above your page with this message: Thunderpenny Free Trial Below is the content that visitors to your tab will see. Feel free to experiment as long as you need to make it sing! When you are ready, you can upgrade instantly in the editor to remove this notice.

Are you paying to get your html embed in Facebook????

Thanks a lot

Kathleen Bailey

Friday 6th of March 2015

This is what you are getting when you follow the instructions in the blog post? I'm not sure what's going on. It's free to embed HTML in Facebook.

Jose Lozano

Monday 24th of June 2013

Hi everyone,

I am happy to see that you found this post useful. All the best!

v12m

Monday 24th of June 2013

I added a Twitter tab to my page. I will check this out later as I want to add another with pictures and I quite didn't understand how. .

Ashley Addison

Monday 24th of June 2013

Wow, that was easier than I thought it would be. I haven't found an image for what I want to use on the blog page yet, but I did one for my business page and I love it. I've never been a super huge fan of FB, but I'm coming to like it more and more these days. Thanks for simplifying the tutorial. You made it super easy to follow.

My blog page already has the coupons.com page though, does that count?

Kelly Stilwell

Monday 24th of June 2013

I didn't even know I could add Pinterest and Instagram until I started looking more closely! I did add those, but won't be doing this one now. Now entry for a prize for me. I do plan to do it later, but too tired to wrap my brain around it tonight! Thank you!

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Sheri Ann Richerson is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Click here to read my full disclosure, Privacy and Cookie Policy!

Copyright (C) Sheri Ann Richerson, BiAnnualBlogathonBash.com 1998 - 2021