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
Click the big blue button and a new window will appear. You can now choose which page you want the tab to appear on:
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:
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.
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.”
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.
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.
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.