The picture above shows a typical facebook business page. The facebook custom tab has been circled for you in red. If you have a facebook business page and you want to add a facebook custom tab then follow this simple tutorial.
Download The App
You are looking for an app called ‘Static HTML iFrame Tab by Woobox’. Make sure you are logged into facebook and go to the search bar along the top of the page. Simply type in the app name. When it appears just click on it.
You will now be presented with something very similar to the above. Once you have read the privacy policy and you are happy you simply click the big green ‘Install Page Tab’.
Now you simply choose which page you want to install the app on. Once you have made your choice click on the blue ‘Add Page Tab’ button.
The app has now been added to your chosen facebook page. We are not finished yet though. The first option you will see is ‘Enable Timeline 810px Wide Mode’. If you have created your own html code for the dimentions of 810px wide then you will want to enable this. Otherwise leave it.
You can change the facebook custom tab image. Just like it is with the World of Warcraft facebook fan page that says ‘Gold Secrets’. If you are creating your own image the dimentions are 111px wide by 74px tall.
Moving further down we can see ‘Page Source’. What this means is where do you want your visitors to go once they click on the facebook custom tab. The first option is URL. This simply means if you have a website already you can load it inside facebook. The only issue here is that your website may be wider than 810px which will create an ugly scroll box.
You can also use the ‘redirect’ option. This is a good one if you want people to go to your website. Simply choose this option and input the URL (Web Address) that you want your visitors to see. They will be taken directly to your website.
You can also load an image that you have created. This is a good one if you have no HTML knowledge or a website to direct your visitors too. Click on image and then upload the file. Simple as that.
If you do know HTML then you can select the ‘HTML’ option here and just paste in your custom code.
In my case I have chosen the option ‘Redirect’. You then simply enter the full URL as I have done. I have left ‘Fan Page Source’ and ‘Friend Gate’ switched off. You can name your tab here also. When you are happy with your settings just click on the green ‘Save Settings’ button.
When you hit the ‘Save Settings’ button it will appear as though nothing has happened. Don’t worry. Simply scroll to the top of the page and you will see a yellow ‘Settings Have Been Saved’ box. On the top right is a little grey box named ‘View Tab’. Click on that.
Depending on what options you chose you should now either be inside the tab as your visitors will see it or redirected to another website.
Take a quick look at your page and you should now see the new facebook custom tab. If you did not load up a tab image then you will see the default welcome tab like the one above.
I hope this has been of use to you. If you have any questions please drop a comment blow.
Andrew McMaster is a Social Media Consultant and Web Designer. He loves to help small and start up businesses. When not on his Mac, you can find Andrew in his greenhouse. ![]()

















