Adding forms to Facebook is quick and easy using JotForm. If you have already created your form in the form builder, follow the instructions below.
We use Static HTML: iframe tabs Facebook application on embedding the form to the Facebook page. You’ll learn how to add this application soon, but let’s first get our form iframe embed code for Facebook. Follow this guide: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.
Note: According to Facebook in this article, “Only Pages with 2,000 or more likes can create custom Page tabs”. This limitation applies to the custom tab used in this tutorial. This means that you can only install this custom tab if your page has 2,000 likes or more.
Adding Iframe App to your Facebook Page
1. Go to your Facebook page and on the search bar enter “Static HTML: iframe tabs” or visit this link https://apps.facebook.com/static_html_plus.
2. Click the “Add Static HTML to a Page” button
3. Choose your Facebook page to add the iframe tab and click the add button
Adding Form to Your Facebook Page
1. Go to your Facebook page and find the Custom Iframe App you just installed. It is usually found under More options named “Welcome” tab as seen on the screenshot below. See FAQ section below if you want to change the default page tab name.
2. Click “Edit Tab” to add content to the Page Tab
3. There are two options you can choose to display your form on your Facebook page. The first one (Public Content) makes it available to everyone while the second one (Fan Content) makes it available only to your Facebook fans, or users who liked your Facebook page. Make sure to publish your page afterwards. Check the following screenshot.
Adding Another Tab to your Facebook Page (Multiple Tabs).
1. After Saving & Publishing your first tab, click Done Editing Tab button.
2. While on the main page, click Tabs menu on the left and click “Add a new tab” orange button to add another tab to your Facebook page. If the page asks you to log in to your Facebook account, please do so, it might need a switch to your main Facebook account before you can add another tab.
Frequently Asked Questions (FAQ)
1. The page tab does not appear on mobile devices? – Page tab apps are not supported on mobile devices by Facebook’s Platform. However, Static Iframe Tab App provides direct URL to your page tab that is viewable on mobile devices. To get your page direct URL, simply edit your Facebook tab and copy the link you see on the Tab URL box.
2. How to change the page tab name and tab image? These can be changed on the tab settings. Go to your tab settings and look for the Facebook Settings section. Under it, you’ll see Tab Name and Tab Image.
———————————————————————————————————————————– Note: Always use “Secure Form Embed Code” when embedding your form to Facebook. Make sure the form URL found on your form embed code starts with https://.
It’s highly recommended to use “HTTPS” to avoid any security issues on the page since Facebook requires a secure protocol.
Alternative iFrame apps for your Facebook page
1. iFrame Apps
2. Woobox Static HTML Iframe Tab
If you are stuck with any of the steps above or if you have further questions about this guide, feel free to post it in the comments section below.
Send Comment:
42 Comments:
Is this possible with card layout?
Thanks.
Hi there, I can see the gallery has been embed under More > Welcome
However, would there be any chance that I could share this in post / show on mobile?
Please advise.
Thanks,
Alan
thanks you bros
Trying to do facebook tab, I selected embed, copied code from the publish section but instructions say to enter my code where it says var iframe =. This piece of code does not exist from the code i copied..
Any help?
Please get back my facebook account from secure account
Thank you
I want to make an iframe Facebook page plugin. But i am unable to make it. Can you please help me?
static html not cannat to my fb page
Hi, I have a Facebook Book page with just 450 followers, and i can't configure static HTML om it, it seems FB changed his policy, they need min 2k followers on page.
is there any other way on fb dofollow link.
I am unable to add my form to facebook, its showing the page donent have permission , kindly guide me
I have embedded the code, now I have two similar tabs with different names doing same functionality also not working for mobile.
This page does not have permission to install the custom tab.
My page is not yet published, so not sure if that is the issue, or if there is any configuration I need to change to allow the tab to be created.
The short URL provided the app is not opening on mobile devices but works fine on Desktop devices:
Please help..
It is working, but i want my viewers on mobile to click on the button on my facebook page. (the sign up button) and fill it on mobile. can you help me on this?
Which method of adding a Jotform to Facebook page is easier to update the form? Static HTML iFrame or the other way?
I need to add one field to our form and can't figure out how to update it. I don't seem to have the gear to update and when I look at my Facebook page (MaineLostCatRecovery) I don't see the Star iFrame Static HTML under Apps. Ginger
I could nt add the app to my fb page. Please help.
My Mission America nonprofit page is not displaying the Paypal Donate Now Button. I added the HTML code? Also, the page is difficult to find. Thanks
can anyone help me how to remove the button from the mobile devices.
hello
Muy bueno, excelente idea ... xD
Is there a way for this to pop up after a certain number of seconds, or when a person scrolls down, or goes to close the page?
If so it could be a real Qualaroo or Popfeedback killer!
Awesome!
Great JOB guys! Was Waiting for this one :)
Great!
I am creating one java survey application and i want to create one facebook app.so can anyone tell me how can i attach my jsp file to facebook apps?
reservation form of facebook
Wow awesome and informational site to me, i am also gonna share this site to my friends.
Amazing and unique informational site to me, i was also thinking about this great and awesome site.
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.)
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!
These are all old, the new one has been changed.
So now I don't know how to add my form to Facebook App.
mohanu . . .
the form with facebook integrator brings me no email. Why is that?
This is great thank you! Is there a way to make this so that only Fans of your page can see it?
Gostaria de Saber se tem como eu pegar o código html e colocar na minha página?
how can i create the App on Facebook,we be blocked when click setup new app?
This worked perfectly thanks!!
Follow these steps in the tutorial
https://www.jotform.com/help/22-adding-a-form-to-your-facebook-page/
I did everything here but when I did the last step it doesn't go straight to the form. Am I missing something ?
like this
Bonjour,
Le passage en https fait que les applications iframe non configurées https ne s'affichent pas sur les pages entreprises.
iframe.apps permet de créer une iframe sans être développeur facebook et évite d'acheter et de configurer le certificat SSL.
L'application iframe.apps ( propose :
- d’ajouter dans un onglet iframe une page internet existante simplement en insérant son URL
- ou de créer un nouvel onglet iframe grâce à l’éditeur HTML intégré
(de la même manière qu’était géré Static FBML)
N'hésitez pas à demander plus d'informations.
Bruno B.
This is Great!!! It's works on my fans page now.