Facebook Pages for Business Tutorials | Web Page Design Tutorials Home

Building Canvas Facebook Apps

Part 3 - How to Create New Apps


We already got some idea how Facebook Apps worked in previous tutorial. It’s time to try to create a new Facebook App.  Actually the procedures are similar to Create iframe Tabs for Facebook Pages. Let’s create a new Facebook App now.

1. Log in your Facebook personal account.

2. Access the Facebook developer page by clicking on the "Developer" link at the footer.

Create a new Facebook App

3. Once access the Facebook Developer page, Click on the "Apps" link on the top menu.

Create a new Facebook App

4. The Apps screen appear. Click on the "Create New App" button to create a new App.

Create a new Facebook App

5. A New App window pop up. Enter a name for the new App in the App Display Name field.

Facebook Apps name

6. The App Setting screen appear. Enter the required information as shown below.

Facebook Apps Basic Information

Look! The procedures of creating Facebook App are same as creating iframe Tabs for Facebook Pages. The only difference are some of the settings.

Compare Setting of Facebook Apps and iFrame Tab Pages

1. Basic Information

For iframe tab for Facebook Pages, the App Namespace and App Domain are not required.

Facebook Apps Basic Information

2. How Your App Integrates with Facebook

iframe tab select "Page Tab" to integrate with Facebook while Facebook App select both "Website" and "App on Facebook" to integrate with Facebook.

Facebook Apps Basic Information

This is clear that Facebook App need the information of both "Website" and "App on Facebook" to integrate with Facebook. The following diagram explains how Facebook App use "Website" and "App on Facebook" to integrate with Facebook platform.

Facebook Apps Basic Information

Now the new Facebook App has been created. We will test if the site URL can load into the Canvas in next Facebook Apps tutorial.