How to Create a Facebook App for your Page

This tutorial is all about How to Create a Facebook App for your Page.
Just follow these simple steps to get desired result.

Step 1: Open Google Sites and create a new site. Choose “Blank Slate” for the theme and, under Site Settings,   set the width as 100% so your content occupies the entire width of the Facebook Canvas. Also disable the Header and Sidebar since we don’t want this stuff to appear on our Facebook Page.

Step 2: Compose a new page in Google Sites and add some content to this page using the built-in WYSIWYG editor. If you are an experienced coder / designer, switch to the HTML view and add HTML code directly to your page. You may insert images, maps, videos, spreadsheets, gadgets, tables and everything else just like a regular HTML page.

Step 3: Open the Facebook Developers page at developers.facebook.com and, if this is your first Facebook App, click “Go to App” to add the Developer app to your Facebook Profile. Next click on the button that says “Create a new App” and give your app a name (you can skip the other fields).

Step 4: Expand the “Page Tab” option under Basic Settings and set the URLs for “Page Tab” and “Secure Page Tab” the same as your URL of your Google Site’s page. The Page Tab URL should point to the http version of the Google Sites page while the Secure Page Tab URL should use the https version.

Step 5: You should also upload a 111×74 pixels thumbnail image with your Page Tab as it will show up in the header of your Facebook Page. Use bigger fonts inside the image for better readability. Save the changes and your Facebook App is now ready.

Step 6: Now we need to add this custom Page Tab to our Facebook Page. That’s easy. Copy the App ID of your Facebook App that you just created and replace XZY in the following URL with that App ID. Open the modified URL in your browser and you should see an option to add the app to your Facebook Pages.

https://www.facebook.com/dialog/pagetab?next=http://facebook.com&app_id=XYZ

That’s it. You can add more apps /tabs to your Facebook Page using the same technique and it is also possible to alter the order of these tabs in the header.

If you ever need to update the content of a Facebook tab, just update the corresponding Google Sites page and your Facebook tab will update automatically because internally, you are just serving the same Google Sites Page to your Facebook Fans.

Hope you like this post !

Don’t forget to like us on Facebook.