In my previous article about Facebook tabs I talked about how important they were for boosting engagement and capturing more leads from your Facebook page.

Now, the biggest problem with Facebook tabs is actually getting them set up in the first place on your page.

If you were to create your own iFrame tab from scratch you need some knowledge of programming and have access to a web space with a secure socket layer otherwise Facebook won’t show the page you are trying to display in the tab.

You could use a premium third party app that will allow you to show an opt in email form, videos, current deals or a contact form on your Facebook page tab. However, for most of these premium apps you will end up paying a monthly fee to keep using the app on your page.

In this post though I want to show you an alternative free way to easily get a Facebook tab on your page using the Static HTML application

How Static HTML Works

Using Static HTML you can avoid having to go through the painful process of trying to create an app through the Facebook developers site and have a secure space on your host. You can quickly setup an iFrame Facebook tab on your page without any programming knowledge.

Steps To Get Static HTML To Work On Your Site:

First, you need to go to the Static HTML site to add it to your page: click here

Facebook Tabs Static HTML

Click the big blue button and a new window will appear. You can now choose which page you want the tab to appear on:

Facebook Tabs Static HTML 1

The Static HTML app will now show up your page with a star icon in the tabs section under your Timeline cover.

If you already have more than 3 tabs here you will probably need to click the little down arrow to expand the tabs section to see it:

Facebook Tabs Static HTML 2

Enter the HTML or text that you would like to appear on your tab in in the Index.html area. For instance you can use an img tag to pull in an image from your website or another image host you may be using. The Static HTML app also supports CSS and javascript coding.

Facebook Tabs

I am going to add a tab that will show my logo for the purposes of this tutorial.

Static HTML also has an option to fangate content. Fan-gating content means you can show content to only people who have liked your page. In the fan-gate area you would add content you want people to see before they have liked your page. Ideally, this is usually some form of incentive to get them to like your page such as access to a discount or free report. In this tutorial I am going to leave the fan-gate option for now.

Once you are happy with the content in the app you can click Save and Publish.

Now, we have to go and rename the app tab name and change the icon image. Head back to your Facebook page and click the little down arrow again on the right of the tab, then move your mouse to the Welcome tab and click the pencil icon in the top right.

Static HTML And Facebook Tabs

Under the Edit Settings option you can rename the app. I’ll call mine “About Me” then I’ll click Save to keep it.

Next we click on the “Change” link next to the “Custom Image Tab.”

Static HTML And Facebook Tabs

Now we have to pick an appropriate image for that icon.

The icon size is 111 x 74 px. I am using a simple icon I created quickly in Photoshop.

Lastly, you can move your tabs to different spots depending on your preference. Once again click on the edit pencil icon in the top right of your tab image and then you are given the option to swap tabs.

Static HTML And Facebook Tabs

You only get the 3 prime tab spots on your page and the rest are hidden from the visitors view unless they know to click the little tab expander arrow so pick wisely.

Conclusion

Once you have used the Static HTML app a few times it becomes very easy to setup a new tab on your pages in minutes. I think it is a great way to quickly test out new content on your page without having to pay a premium monthly fee.

Please let me know if you have any questions about getting the app to work on your own page.

About the Author

I believe that social media marketing doesn't have to be complicated, that anybody can do it and see results from it without spending massive amounts of time micro managing it.

View Articles