There are multiple custom Facebook tab providers, but Static HTML from Thunderpenny stand best for this method. You can use the app to add a form to your Facebook page without needing technical skills and digging into Facebook’s developer page.
Note
You can only add a custom tab if your Facebook page has 2 000 or more likes. Visit Facebook – Page Tabs for more details. If you meet this criterion, please proceed below.
Adding the Iframe App to Your Facebook Page
First, you must add the Custom Iframe App to your Facebook page to create the custom tab for your form. Here are the steps:
- Go to Static HTML: iframe tabs.
- Click the Add Static HTML to a Page button. The button will open a dialog tab.
- Select the page where you want to add the custom tab from the dialog.
- Click the Add Page Tab button at the bottom to finish. The page will redirect you to the chosen page.
Adding Form to Your Facebook Page
Since you now have the app installed, let’s proceed with adding the form to your Facebook page through the custom tab added by Static HTML app. Here’s how:
- While viewing your Facebook page, click the More dropdown from the list of shown tabs.
- Click Static HTML [12] from the list. You can change this label later.
- Click the Setup tab button. The button will open the Static HTML website to set up the tab.
- Grab your form’s iframe embed codes.
- Paste the iframe codes to the index.html box.
- Click the Save and Publish button at the top part of the page. You should have the form added this time. Go back to the custom tab of your Facebook page to confirm.
Editing the Custom Tab Name
Facebook hides the option to edit the tab name from your page’s view and settings, but you can still do it with a single parameter added to the vanity URL of your Facebook page. This one’s a bit tricky, but as long as you follow the steps, you should be able to change the tab name or label. Let’s do it!
- Append the parameter
settings/?tab=appsto your Facebook page URL. The URL should look like the following:
https://www.facebook.com/{your_page}/settings/?tab=apps- Click Edit Settings from the Static HTML app. The link will open a small popup.
- Enter your Custom Tab Name.
- Click the Save button. There is a small loading icon as an indicator. If it stops loading, that means Facebook saved the changes.
- Finally, click the Okay button to close the popup. Visit your page to confirm the changes.
Removing the Custom Tab
You can easily remove the custom tab by appending same URL parameter settings/?tab=apps to your Facebook page URL but this time, do the following:
- Click the X icon on the far right side of the custom tab.
- Click the Yes button to confirm. That’s it!
Adding a New Custom Tab
Facebook does not allow you to add the same iframe app twice on the same page, but Static HTML has reserved apps for doing this. Go to Thunderpenny – Add Tab to learn more.
Editing the Custom Tab
If you want to change the form, you must edit the custom tab. To edit:
- Access the custom tab added by the Static HTML app.
- As an admin of the page, you should see the Edit App button at the top of the form. Click it. The button will redirect you to Static HTML website, where you can update the tab settings and change the embed codes.
Below are also a great alternative of the Static HTML app:
If you are stuck with any of the steps above or have further questions about this guide, feel free to post them in the comment box below.
Send Comment:
44 Comments:
brings me to a FB 404 error. I don't have 2K likes anyways. Can you please tell the rest of us how we can do this?
Seems like the app page no longer works.
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.