Updated April 2014
Facebook pages for businesses and brands offer a real opportunity to provide customised content to your users, linked to from the “custom tabs” just underneath your page cover image. You can add pretty much anything you want here – if you know how!
Creating Custom tabs (pages) on Facebook should be simple. Unfortunately it’s not! It’s not overly difficult – just very “clunky”, and the hardest part is actually having the content available on your own website in advance of integrating it with Facebook.
Follow these 8 steps to create your own custom Facebook Tabs:
1) have the content (a web file) ready and available on your own website. This must be available “securely” (via SSL) and normally (without the SSL). Eg: https://nsdesign.net/facebook/test.html & http://nsdesign.net/facebook/test.html
2) Login to Facebook, and go to http://developers.facebook.com
3) Click the “Apps” link in the top menu, and select the “Create a New App” link
4) Give the Application a “Display Name” (the name that appears at the top of the page – eg “Our Online Bookings”) and Choose a Category (“Apps for Pages”) then click “Create App” and complete the Security Check.
5) Click the “Settings” section of your new App, and take a note of the “App ID” (at the top of the page) eg: 351733947744248 (you’ll need this at point 7). Provide a contact Email, and then click on the “+ Add Platform” option, and choose “Page Tab”
6) On the “Page Tab” section, provide the following:
“Page Tab Name” – eg: “Welcome to our Bookings Page”
“Page Tab URL” – eg: http://nsdesign.net/facebook/test.html
“Secure Page Tab URL” – eg: https://nsdesign.net/facebook/test.html
Leave the “Page Admin Control” and “Wide Page Tab” options to YES.
Also consider changing the Page Tab Image (although you can do this later when it’s live on your page (optimum size is 111px x 74px).
Lastly click the “Status & Review” section of your App, and make it Live – change to YES.
7) Now we need to “add” the app, TO your facebook page. This is tricky!
You need to visit this URL in a web browser (but change the [parameters] for the actual content):
For example – it should look something like this:
It will ask you to select a Page you want this to add to, and you’re almost done!
8 ) Switch to your Business Facebook Page that you want to feature the Custom Tab (use the pulldown triangle at the top right).
Depending on whether your business page is on the OLD or NEW layout (all business pages are soon due to change to a brand new layout), follow the correct option below:
OLD Page Layout:
You’ll see the new tab under the cover image (you may need to click the dropdown to the right of the tabs). You can then re-order the tabs by “swapping position” with another tab, and also change the tab image and name.
NEW Page Layout:
You’ll see the new tab under the cover image in the main navigation (it might be under the “more” pulldown). You’ll also see it listed in the “Apps” section down the left of the page. You cannot re-order these tabs (it’s supposedly coming soon) but you can change the name (and customise the image) by visiting the “Apps” section of the Page “Settings”.
And you’re done! Custom Content added as a “tab” in Facebook. It could be your booking system, a subscribe form, ecommerce pages, or anything else you can create a webpage for.
Looking for a simpler Life?
Apps to help you add custom tab content!