Blog Main Categories
- Project Management 77
- Programme Management 1
- Online Courses 1
- Lean Six Sigma Training 1
- Business Skills 135
- Creative Design 70
- Business Processes 82
- IT and Web Development 68
- Digital Marketing 103
- Enterprise Architecture & Enterprise IT 1
- Cyber Security 1
- Technical IT 1
- Portfolio Management 1
- Risk Management 1
- Benefits Management 1
- Change Management 1
- Health & Safety 1
- Data Protection 1
- ILM 1
You are viewing posts from the Facebook Developer App category. Click to view all posts
FBML is Dead - Long Live the Facebook iFrame App!
Lots of businesses use Facebook Fan pages to promote their products and services. In addition to the standard page tabs (Wall, Photos, Links, Videos etc...) Facebook had its own markup language called FBML that allowed you to easily create your own custom tabs. This was really handy for creating custom landing pages and special pages for promotions.
On 10 March 2011 Facebook withdrew FBML (the spoilsports!), so you can no longer add FBML custom tabs to your Facebook Fan page (if you already have an FBML page it will continue to work though - phew!).
HOWEVER - there's a new way to create custom tabs for Facebook pages - enter Facebook iFrame Apps! With an iFrame App, you can create normal web-pages using good old fashioned HTML & CSS, and embed them in new tabs on your Facebook Fan Page - sweet!
To use iFrame Apps you'll need to know some HTML and CSS, and also be able to upload content to an FTP server (which if you have your a website shouldn't be a problem!).
But let's not get ahead of ourselves! In this tutorial we're going to cover how to use Facebook iFrame Apps to create simple HTML page tabs in Facebook Fan Pages
If you have a Facebook Fan Page - find out how to optimize it for SEO here
How to create a custom tab in Fan pages with Facebook iFrame Apps
Before you start - you will need:
- A Facebook Account
- A Facebook Fan Page
- Some web-space that you can upload files to via FTP
OK - if you have all of the above, we're ready to go.
In this tutorial, I'm going to show you how I re-created this with a custom iFrame tab...