Update: For the most recent instructions on Facebook Forms, please see Add Form to Facebook document on our User Guide.
Adding forms on your Facebook pages is very easy using JotForm. Using JotForm’s drag and drop form builder tool, you can create a form in minutes and plug it on a Facebook page.
Facebook, with its 500 million users, is now probably largest marketplace in the world. Businesses rush to create their fan pages. I was reading Gary Vaynerchuk’s “Crush It” last weekend. He recommends Facebook to all entrepreneurs as a great place to build their personal brands.
Facebook recently allowed adding forms to Facebook pages using FBML (Facebook Markup Language) so we took advantage of that and made necessary adjustments to make JotForm code work on FBML pages. Unfortunately, FBML does not allow everything, so some features like Conditions and Validations are not available on Facebook Forms, but you can still create basic forms.
Want to gather leads on your Facebook page? Add any form to Facebook for free!
What types of Facebook Forms can you create with JotForm?
Whether you have a business fan page or you work on your personal brand, there are many types of Facebook forms you can create with JotForm. Here are some ideas:
- – Create a Facebook survey for your fans.
- – Add a quick Facebook contact form to your profile so that friends/fans can contact you directly from your email, instead sending a message on Facebook.
- – Setup a quick newsletter sign-up form.
- – Have your event registration form right on your Facebook page.
- – Add a lead generation form on your Facebook fan page.
- – Have a quick payment form on your page to receive PayPal or Credit Card payments or donations right from Facebook.
How to Add Facebook Forms to Your Pages
1. Go to your Facebook page and click on Edit Page.
2. You will need the Static FBML application to embed JotForm source to your page. If you already have that application on your page, you will see it listed on the bottom of the page.
3. If this is the case, click on the “Edit” link found in the application’s box. The “Edit” link is highlighted in the above screenshot. You can now skip to Step 5.
4. If you don’t have this application, you will need to add it to your page. Click on the link “Static FBML” to go to the application homepage.
5. On the Static FBML homepage, click on “Add to my Page”.
6. Click on Add to Page in the pop up window.
7. You can now add your JotForm code to your Facebook page. Navigate toJotForm website and open the form you want to add. Open the “Setup& Share” tab and click “Share Form” button found in the toolbar and select “Advanced Options” button in the lower left corner.
8. Facebook code can be found in the Social Network section. Open that section andclick on Facebook. Copy and paste the code to your FBML application.
9. Enjoy submissions from your fans.
You can also add a tab so that your form can be displayed on its own page.
Send Comment:
88 Comments:
This is great, but where can we see the entries?
Good thought and good thing
share and given
diro j'aime
perfect
sahitou
Very Good. Thank You. (y)
Hi Aytekin
Would it be worth updating this article at https://www.jotform.com/blog/7-How-to-Create-Facebook-Forms?I notice that this was posted in 2010 when Facebook still used a “Wall”, the layout on Facebook pages was different and I also wonder whether Facebook has since then updated their interface or code to allow more functionality?
Cheers
David
Re: How to Create Facebook Forms
This interface needs to be seamless. Nobody wants to cut and paste code.
i need a confrimation code coz my one looks blocked and now i just need my confrimation code.
Nice tutorial but how can I set the tab to automatically open on visiting page?
mean make this tab default.FBML has been removed. Here is the message from Facebook - FBML has been removed. If you are building a new application on Facebook.com, please implement your application using HTML, JavaScript and CSS. You can use our JavaScript SDK and Social Plugins to embedded many of the same social features which were available in FBML.
may i know how to create a order form on facebook?
I just used this app... seems to work fine.
Thank a lottttttt
Am here for u
Just Awesome. Thanks For Sharing
I LIKE CRICEET
I was wondering if they was a feature were i could create a form on facebook and when an user fills it out it submits the information to another form on a website i.e embed the form from my website into a facebook application form
there is no ADD TO MY PAGE tab already. is this still working? please HELP!
I face a problem l cant add the fmbl to my page, only could add as favourite, anyone know why?
for a C/C registartion payment for event?
THANXXXX
NOTE: Captcha will not work on Facebook as Faceboo does not allow Javascript.
NOTE: Captcha will not work on Facebook as Faceboo does not allow Javascript.
The Captcha is not working in my facebook page either.
como fazer um formulario como esse
how to send the link in the page.
its very good
Thanks
good good
I want the tab I created to automatically open when users click on the Facebook Link rather than the wall. I drug the tab, and it stays after the wall & info. I found one other person that when you click on his name, the Quote page opens first. Grant Galliford & Associates on FB
The Captcha is not working on Facebook form
how do i change the tab for my form on facebook
very good
@pavan
could you please post the problem's explanation in detail (also post the facebook page's address) to jotformsupport>gmail.comThanks
"Share Form" has changed to "Embed Form". And instead of clicking on "Advanced Options", you can click on Facebook icon on the first page of the Embed Form Wizard.
I recently posted an "Update" to the top of the blog post. Exactly because of this. The updated instructions are available on our documentation.
Okay Validation is working bu the password when i set it hidden it is not accepting... the text box itself is missing
I couldn't find "share form" and "advance option".. somebody please guide me.. thank you.
Validation isn't working. any advice please.
Sarah:
To see details, log into your JotForm account, click on your form to select it and then click on "Submissions" button on the toolbar.Dear admin,
my form already appear in my business page.however, i don't know how to see the details if my customers submit the form.
Could you explain details?
ay tekin bey hala çözmüş deyilim ama mükemmel olmuş
herşey dahil bütün bildirimlerden haberdar olmak istiyorum
Aytekin Bey tekrar merhaba, formu şu an facebook sayfamda test ettim. Ancak Güvenlik kodu görüntülenemiyor. Belki benim bağlantıma bir sorun vardır bilemiyorum. Haberdar edeyim dedim. İyi çalışmalar.
Aytekin Bey tebrik ederim, harika bir iş çıkarmışsınız. Henüz sayfamda denemedim ama hemen deniyorum. Teşekkürler.
hello, i am new on the site
i would like to know if there are tamplates forms, and how can i do this:Create a Facebook survey for your fans.
- Add a quick Facebook contact form to your profile so that friends/fans can contact you directly from your email, instead sending a message on Facebook.
- Setup a quick newsletter sign-up form.
- Have your event registration form right on your Facebook page.
- Add a lead generation form on your Facebook fan page.
- Have a quick payment form on your page to receive PayPal or Credit Card payments or donations right from Facebook.
thank you!
congrats for the site
its naughty
it is very nice.
تلحس طيزي
وكس خواتكويييي
thanks alot just created form for my moving site @
يابه رحم الله والديك يا طيب يا ابن الطيب
you need monde
Böyle bir site kurduğunuz için tesekkür ediyorum ancak bir sorunum var.Facebookta kodları kullanmaya çalıştığımda stiller gözükmüyor yani sade biçim gözüküyor ve form butonuna tıkladığında tesekkür mesajı baska bir sitede gösteriliyor. Yardımlarınız için şimdiden tesekkürler.
Ali Poyraz
It works well for me, thank you. All though (and i know this probably isnt Jotforms fault) it would be sweet to have it on the actual fan page and not in a tab. Thanks again
AWESOME
Please post questions on the support forum. Thanks.
The form validation is still not working. please help!
Thanksshare and giving
can't wait to try it--i love jotform. MAN did you guys make my life easier!!
i can't export the code in the "Setup & Share" tab and click "Share Form" button found in the toolbar and select "Advanced Options"
chonk77: Please post this question on the support forum. Blog comments are not suitable for support. Thanks.
Is there a way to add a "Back to" button on the end of the Thank you?
My first look at jotform i did not use it, i did not expect it to be this excellent. Well i was wrong, jotform is the best. UNLIMITED FORMS, 100 SUBMISSIONS A MONTH. TOP THAT OTHER FORM BUILDERS. thanks jotform you are a big part of my site.
Nice thing. Fantastic
really ur forms make stuff easier & fun to use on facebook, thanks!
like element pictures said, do u plan to adjust in line with facebook's tab reduction?thanks again!
semoga memberikan manafaat,thanks
سلام دوست من با من دوست ميشي
سلام دوست من با من دوست ميشي
I love Gary's book! Your service is the best I have found. Thank you.
Hi Sharon,
Validation on Facebook Forms is not available currently however one of our developers is working on that. I think it will be possible in 1-2 weeks.Help!
I need to use validation on some of my fields while embedding the form into facebook, but it doesn't seem to work.Can anyone help me?
This is soo easy to use... I have very limited HTML knowledge - but have managed to set up two different forms on my FB page ( and they work beautifully.
So glad I found you!
It's not allowed with free account ?
oke
We are looking into finding solutions for the javascript required features on Facebook forms.
For now, please try to stay away from those features. For example, disable the total feature on payment forms.
Hover, validations, most conditional logic features etc. are not currently available on facebook forms.
Do Jotform payment options work on facebook? It won't add up total charges so I wasn't sure. Previous poster is correct, no hover info.
Hi, Jot Form!
You're always doing well.
Thank you!
thank you
thanks great help!
Facebook are narrowing their custom tabs to 520 pixels from August 23rd. Currently when I export the fbml code for my form it's too wide to fit the FB custom tab and I have to adjust it manually to fit. Will you be changing the form settings to meet the new FB requirements?
@CECCE, You will need to create a page in order to use FBML.You can not use FBML with your ordinary profile page.
@Buddym, I will test it now
I can't get the hover boxes to work on Birth Date drop down and Upload Documents.
Does this still work? I can't find the options on FB for this.
Dropdown fields work fine but I think you mean "FormCollapse" field. Yes, it is not possible to use advanced features that require javascript on Facebook forms. Such as multi-page forms, FormCollapse, Validations and Conditions.
It should be noted that if you use a form on Facebook, it cannot contain any of the drop down sections. I tried that on a form, and it just broken everything quite horribly. I wound up with two different versions in the end: one for my website, and on for Facebook. Just a thought.