Browse Article by Topics
facebook form facebook iframeRelated Articles
- Adding Form to Facebook
- Adding Form to Facebook (Custom iFrame App) - Deprecated
- How to Make an Order Form in Facebook
- Adding forms to Facebook ( Facebook Developer Method )
- Facebook Forms Integration Video
Related Forum Questions
- MAJOR PROBLEM - 404 Error on all our clients' Facebook forms
- How can I make my facebook iframe paypal button work?
- Facebook Form: After they have submitted the form, where can i find them ?
- Secure URLs in iFrame Facebook NOT WORKING properly
- there is no ADD TO MY PAGE tab already.
- l have done all that it says Given URL is not allowed by the Applicatio
- Oh, it cannot use as app anymore? Where has the tabpress app gone?
- Porque não consigo fazer a integração com o facebook?
- Installed Form as FB App (not iframe); can't get scrollbars to disappear
- How do we remove the TabPress branding from a JotForm in Facebook?
Adding Form to Facebook (Custom iFrame App) - Deprecated
Last Update: April 5, 2012
This method is deprecated. To view an updated version, click here.
Before proceeding, set your form's width to 520 (maximum width allowed by Facebook) to prevent the form from getting cut off
1. Go to http://www.facebook.com/developers. Click Setup New App. (If you don't see it, you may need to verify your account by either confirming your mobile phone or adding a credit card to your account. Facebook will not charge your credit card if you add it to your account.)
2. Give your Facebook application a name. Follow and complete the standard procedures (Agree to terms, Enter security code)
3. In the About tab, fill out the fields that are important. In this app, for example, I changed the icon and added a short description.
4. In the Facebook Integration tab, fill up information for your application's canvas.
5. Give your Canvas Page a shortcut URL, in this example I named it "mysitesfeedbackform".
6. Insert your form's direct url in the Canvas URL, Secure Canvas URL, Tab URL and Secure Tab URL. Be sure to use https in Secure Tab URL and Secure Canvas URL.
I gave my sample application a tab name "Feedback". This will be the name that appears in the tab links after you embedded this application to your Facebook Page.
7. Click "Save Changes". You will then be redirected to this screen where you will see a list of the apps you created. 
Click Application Profile Page to go to your application's page.
8. In the application profile page, click "Add to My Page" to bring up your Facebook Pages list. Click the "Add to Page" button beside the FB Page where you want your application to appear.
9. Go to your facebook page's URL. You should see your iframe application on the left sidebar
16 Comments... |
|
|
|||
| LionelMellsey | (April 10, 2011 at 07:38 AM) | ||
|
This is Great!!! It's works on my fans page now. | |||
|
|
|||
| Bruno Bros | (April 14, 2011 at 05:02 PM) | ||
|
Bonjour, | |||
|
|
|||
| inesmuller | (April 17, 2011 at 05:43 PM) | ||
|
like this | |||
|
|
|||
| essentialnetworks | (April 24, 2011 at 01:51 PM) | ||
|
I did everything here but when I did the last step it doesn't go straight to the form. Am I missing something ? | |||
|
|
|||
| JotFormSupport | (April 25, 2011 at 02:58 AM) | ||
|
Follow these steps in the tutorial | |||
|
|
|||
| sticklas | (April 26, 2011 at 03:29 PM) | ||
|
This worked perfectly thanks!! | |||
|
|
|||
| swiftrui | (May 11, 2011 at 12:17 AM) | ||
|
how can i create the App on Facebook,we be blocked when click setup new app? | |||
|
|
|||
| vivendoolouvor | (May 28, 2011 at 06:27 PM) | ||
|
Gostaria de Saber se tem como eu pegar o código html e colocar na minha página? | |||
|
|
|||
| TFYogurtCanada | (June 01, 2011 at 02:53 AM) | ||
|
This is great thank you! Is there a way to make this so that only Fans of your page can see it? | |||
|
|
|||
| ajardel | (August 23, 2011 at 06:20 PM) | ||
|
the form with facebook integrator brings me no email. Why is that? | |||
|
|
|||
| sudha | (September 09, 2011 at 11:30 AM) | ||
|
mohanu . . . | |||
|
|
|||
| maivutan | (October 23, 2011 at 08:12 AM) | ||
|
These are all old, the new one has been changed. | |||
|
|
|||
| leaf4kids | (November 03, 2011 at 04:34 PM) | ||
|
Now that the FB app is added, those who DONT USE FB cannot use my app. I need to take it off, but don't know how... thanks! | |||
|
|
|||
| wrafter | (January 18, 2012 at 08:32 PM) | ||
|
Can the name of the owner of the fan page be seen, or the name of the person who is using the API be seen? (I ask re retaining anonymity on a Facebook page.) | |||
|
|
|||
| Angela | (May 02, 2012 at 05:11 AM) | ||
|
Amazing and unique informational site to me, i was also thinking about this great and awesome site. | |||
|
|
|||
| Crook | (May 02, 2012 at 05:13 AM) | ||
|
Wow awesome and informational site to me, i am also gonna share this site to my friends. | |||
Print
Send Comment