Posts Tagged ‘fbml’
Okay, so you need to create your own customized Facebook fan page but the FBML page tab is being deprecated. Do not fear you can still do it. Just a little differently.
The first thing you need is a web server or a website which can host the page. Basically you need to create an app on Facebook and add this app to your profile. On this app will be your customized fan page which will be shown using iframes.
Here’s how to do it:
Install the facebook developers app
To install this app you will need to go to the following address: http://facebook.com/developers
If this is the first time you are installing this app it will ask you for permission.
Click on allow in order to proceed.
Now you need to create your iFrame application
Click on the create app button as seen below.
Once clicked the following will be shown. Choose a name for your new app, click agree and lastly “Create New App“
Fill out the security message and then click on submit.
We are going to skip a few steps because they are just options which can be decided by yourself and you wont be needing my assistance for those.
The About tab
Here you can fill out the name of your new app. Keep it short but describe it well as this will be shown in your lists of apps and you’ll need to recognize which apps are which. The logo is also quite important if you don’t want the default picture.
Important! Facebook Integration
To integrate your app with facebook click on this tab to the left.
- Tab name is what appears on the left column of your profile page.
- The page tab type is to be set to iframe.
- Tab URL: This is the url of where facebook can find your html file which contains your fan page.
- Secure tab URL: This would be basically the same url except that it would start with https instead of http. This means that the address has a SSL certificate. If you dont have a SSL certificate then you can leave this part blank but if a user comes from a secure facebook page to your fan page then your fan page will not be shown, only your wall.
Click save to continue.
Now you need to add your app too your profile page. To do this, click on the “Application profile page” link which can be located on the right hand side of your application page.
Once you get to the application profile page you will see a link on the left hand column which says “Add to my page”. Click on this link and a dialog box will pop up where you can choose which page to add the app to. Choose the one you want that is it, you’re done!
That’s the end
Since I have completed a web design course I have become more comfident with my skills. I offered to help a small restaurant in Växjö to do their Facebook company page for them. For those of you who didn’t know, this takes a bit of programming. This is actually the second Facebook company page I have done. The first I did was for work and I didn’t have the full design responsibility.
This small restaurant lies right outside the Kronoberg castle in the area called Evedal. They serve lunches and dinners like normal restaurants but they would like to reach out to company customers instead and do more catering, events and conferenses. I tried my best to portray their desires in their new Facebook company profile. The last thing on the list was a facebook like button on their web site.