Skip to Content

Instuctions For A Custom iFrame Page on Facebook

1. Set Up Your iFrame Page on Your Own Server

Set up your Iframe page

For this to work you will need a webpage on your server that you will be iframing into your new custom tab. That means you must have the HTML living outside of Facebook on your own server. Try and make this content 540px wide. Anything wider will not show up well in your custom tab.

2. Head to http://facebook.com/developers

Head_to_httpfacebook.png

Allow the developer application if you have not already done so.

3. Click on Set Up New App

Click_on_set_up_new_app.png

4. Name the App

Name_the_app__this_is_not_what_the_custom_tab_will_be_named_.png

5. Set Up Your Canvas URL in the Facebook Integration Page

Set_up_your_Canvas_URL_in_the_Facebook_Intregration_Page.png

1. Your canvas URL will be the main domain your HTML content is living on. Make sure you include the trailing slash in your url.
2. Make sure that Canvas type is selected iFrame.

6. Save the Changes and Click on Back to My Apps

Save_the_changes_and_click_on_back_to_my_apps.png

Done!