Browse Article by Topics
add form to facebook facebook form facebook Static HTML method Adding Forms to FacebookRelated 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 ?
- 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?
- I haven't the button MORE APPLICATIONS in the application options of my
Print
Adding Forms to Facebook (Static HTML App Method)
Last Update: April 4, 2012This post outlines how to use the 'Static HTML' application to add your form to a Facebook Page. I will begin by outlining the main pro's and con's of this method.
Pro's
- Able to show different content to Fans & non-Fans.
- This application is 'whitelabel' i.e the application doesn't watermark your Facebok canvas with its logo.
Con's
- Unable to customise the Facebook Tab icon.
- Use of a 3rd party application.
If you don't think this method suits your requirements, you can consider the TabPress App Method or the Facebook Developer Method.
----------------------------------------------------------------------------------------------------------------------------------------------------------
I have created my form in JotForm. It's for an imaginary Facebook competition that I want to host on my Facebook Page. This competition will only be open to Facebook users who have 'liked' my Facebook Page.
NOTE: For better looking Facebook integration, you should set your form width to 520px.
1. Click on the a) Form Style tab, b) Click the Form Width icon, and c) Change the width to 520, then Click OK.
Now, I need to retrieve my Forms' Embed code.
2. From the a) Setup & Embed toolbar, b) Click Embed Form, then c) Click the Embed IconFrom the following dialog box, in the Embed Form text area, highlight and copy the script embed code. Store this somewhere, you will need it later. Once done, you can click Close to exit this dialog box.
You will now be brought back to your Facebook Pages' 'landing page', notice a new Tab has been created, 'Welcome' with a star icon alongside.3. Visit the Static HTML application page by clicking hereFrom the dropdown menu, select the Facebook Page you wish to add your form to.Click the Add Static HTML: iframe tabs button.
Lets change the name of that tab.
4. Near the top, on the right hand side of your Page, Click the Edit Page button.
5. From the left hand side menu, select Apps, then from the Static HTML: iframe tabs field, click Edit Settings.6. Here, you can give your Tab any name of your choosing, I'm calling mine: 'Static HTML App Form'. Click Save, then Click OK.
You will be presented with the configuration options for this application.
7. Since, I only want my form to be shown to 'Fans' of my Page. I will paste my form embed code, gathered back at Step 1, into the 'Fans Only Content' text area. In the top text area, I will add a message informing users who havent 'liked' my page that they can't enter my competition until they have 'liked' my Page.
Thats' it! All done! You can inspect the results on Facebook here:Click the Save and View tab... button to save your changes. You can use the links presented to inspect how your Pages' Tab looks to Fans and non-Fans.
You have already voted for this item. Your vote was: 1
4 Comments... |
|
|||
| homme | (November 16, 2011 at 03:44 AM) | ||
|
If i have more than one form to put in my facebook page can I do it? Please advise | |||
|
|||
| dheuermann | (December 13, 2011 at 03:39 PM) | ||
|
this does not seem to be working | |||
|
|||
| redbeardmarketing | (January 28, 2012 at 02:17 AM) | ||
|
If you use the 'Static IFrame Tab' app instead of 'Static HTML: iframe tabs' then you CAN customise the app icon, which is in my opinion the only 'con' of using third party applications. | |||
|
|||
| reneewarren | (April 02, 2012 at 12:58 AM) | ||
|
worked for me thank you! | |||
Send Comment