Profile Image

About the Author

Aytekin Tank

Aytekin Tank is founder of JotForm. He currently leads the JotForm development team. He loves to hear from JotForm users. Feel free to shoot him an email at aytekin at jotform.com.

2014
2013
2012
2011
2010

How to Create Facebook Forms

July 26, 2010
Update: For 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.


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.

    My Facebook Page

  2. Youwill need the Static FBML application to embed JotForm source to yourpage. If you already have that application on your page, you will seeit listed on the bottom of the page.

    FBML Application Already Installed

    Ifthis is the case, click on the  "Edit" link found in the application'sbox. The "Edit" link is highlighted in the above screenshot. You cannow skip to Step 5.


  3. 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.

    Add FBML Application


  4. On the Static FBML homepage, click on "Add to my Page".

    Add FBML Application

    Click on Add to Page in the pop up window.

    Add FBML Application

  5. Youcan 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 andselect "Advanced Options" button in the lower left corner.
    Share Wizard
    Facebookcode can be found in the Social Network section. Open that section andclick on Facebook. Copy and paste the code to your FBML application.

    Edit FBML add Jotform


  6. Enjoy submissions from your fans.

    Enjoy Submissions

    You can also add a tab so that your form can be displayed on its own page.

    Add Tab for your JotForm




You have already voted for this item. Your vote was: 1

87 Comments...

Alton Toth - July 26, 2010 at 01:30 PM    

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.

aytekin - July 27, 2010 at 07:19 AM    

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.

CECCE - July 29, 2010 at 07:49 PM    

Does this still work? I can't find the options on FB for this.

Buddym - August 02, 2010 at 07:05 PM    

I can't get the hover boxes to work on Birth Date drop down and Upload Documents.

PolatAlemdar - August 04, 2010 at 02:52 AM    

@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

ElementPictures - August 19, 2010 at 06:51 AM    

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?

maclovesjo - September 03, 2010 at 06:56 AM    

thanks great help!

yapim - September 11, 2010 at 03:45 AM    

thank you

winsberry - September 16, 2010 at 10:19 AM    

Hi, Jot Form!

You're always doing well.

Thank you!

kosslerj - September 16, 2010 at 04:53 PM    

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.

aytekin - September 17, 2010 at 03:51 AM    

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.

infopkpusumbar - October 05, 2010 at 04:57 AM    

oke

victoriaville911 - October 08, 2010 at 12:10 AM    

It's not allowed with free account ?

cakesbykaren - October 09, 2010 at 09:10 PM    

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 (www.facebook.com/customcakesbykaren) and they work beautifully.

So glad I found you!

sharon - October 10, 2010 at 02:14 AM    

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?

aytekin - October 10, 2010 at 02:16 AM    

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.

amrassurance - October 11, 2010 at 10:31 PM    

I love Gary's book! Your service is the best I have found. Thank you.

بيژن - October 12, 2010 at 03:51 PM    

سلام دوست من با من دوست ميشي

بيژن - October 12, 2010 at 03:51 PM    

سلام دوست من با من دوست ميشي

ainulyaqin - October 19, 2010 at 09:48 PM    

semoga memberikan manafaat,thanks

Mw - October 20, 2010 at 02:48 AM    

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!

form2me - October 23, 2010 at 09:14 AM    

Nice thing. Fantastic

csmit195 - October 29, 2010 at 06:22 AM    

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.

chonk77 - November 04, 2010 at 08:45 AM    

Is there a way to add a "Back to" button on the end of the Thank you?

aytekin - November 04, 2010 at 10:18 AM    

chonk77: Please post this question on the support forum. Blog comments are not suitable for support. Thanks.

ukbase - November 08, 2010 at 01:34 AM    

i can't export the code in the "Setup & Share" tab and click "Share Form" button found in the toolbar and select "Advanced Options"

WaxLily - November 08, 2010 at 09:55 PM    

can't wait to try it--i love jotform. MAN did you guys make my life easier!!

angelopayumo , jr. - November 08, 2010 at 10:53 PM    

share and giving

shiau - November 11, 2010 at 06:41 AM    

The form validation is still not working. please help!
Thanks

JotformSupport - November 11, 2010 at 06:51 AM    

Please post questions on the support forum. Thanks.

mohamedlac - November 12, 2010 at 01:31 PM    

LJCD - November 19, 2010 at 06:54 PM    

AWESOME

michaelhofby - November 22, 2010 at 11:37 AM    

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

alipoyraz - November 22, 2010 at 02:16 PM    

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

hasn19 - November 26, 2010 at 02:04 PM    

you need monde

mustafaalawee - November 28, 2010 at 09:21 AM    

يابه رحم الله والديك يا طيب يا ابن الطيب

shawn banks - November 29, 2010 at 07:37 PM    

thanks alot just created form for my moving site @ www.moverscommunity.com

cn - November 29, 2010 at 08:36 PM    

يييي

erertet5 - November 30, 2010 at 08:18 PM    

تلحس طيزي
وكس خواتكو

aishwarya - December 03, 2010 at 07:46 AM    

it is very nice.

aishwarya manakikar - December 03, 2010 at 07:55 AM    

its naughty

gzbags - December 18, 2010 at 06:35 PM    

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

fubila - December 20, 2010 at 08:39 AM    

Aytekin Bey tebrik ederim, harika bir iş çıkarmışsınız. Henüz sayfamda denemedim ama hemen deniyorum. Teşekkürler.

fubila - December 20, 2010 at 09:23 AM    

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.

Renas - December 22, 2010 at 04:09 PM    

herşey dahil bütün bildirimlerden haberdar olmak istiyorum

Renas - December 22, 2010 at 04:13 PM    

ay tekin bey hala çözmüş deyilim ama mükemmel olmuş

sarah - December 24, 2010 at 01:09 AM    

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?

aytekin - December 24, 2010 at 01:55 AM    

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.

pavan - January 17, 2011 at 09:00 AM    

Validation isn't working. any advice please.

Azizulkhir - January 17, 2011 at 09:16 AM    

I couldn't find "share form" and "advance option".. somebody please guide me.. thank you.

pavan - January 17, 2011 at 09:27 AM    

Okay Validation is working bu the password when i set it hidden it is not accepting... the text box itself is missing

aytekin - January 17, 2011 at 09:40 AM    

"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.

JotFormSupport - January 17, 2011 at 09:56 AM    

@pavan
could you please post the problem's explanation in detail (also post the facebook page's address) to jotformsupport>gmail.com

Thanks

zxczxczxczxc - January 20, 2011 at 04:25 PM    

very good

infosbng - January 23, 2011 at 01:07 PM    

how do i change the tab for my form on facebook

jubileelewis - January 25, 2011 at 08:58 AM    

The Captcha is not working on Facebook form

susrsims - January 26, 2011 at 05:17 PM    

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

BSHBSH - February 21, 2011 at 03:26 AM    

good good

LoRDaK2N - February 25, 2011 at 03:26 PM    

Thanks

mortalkombat - February 28, 2011 at 05:48 AM    

its very good

MayTerse - March 02, 2011 at 09:01 PM    

how to send the link in the page.

jairo - March 04, 2011 at 10:41 AM    

como fazer um formulario como esse

larryamd - March 09, 2011 at 04:42 PM    

The Captcha is not working in my facebook page either.

JotFormSupport - March 10, 2011 at 02:21 AM    

NOTE: Captcha will not work on Facebook as Faceboo does not allow Javascript.

zainabbasi - March 16, 2011 at 04:09 AM    

NOTE: Captcha will not work on Facebook as Faceboo does not allow Javascript.

mortalkombat - March 25, 2011 at 05:08 AM    

THANXXXX

Randi Lincoln - August 23, 2011 at 01:01 PM    

for a C/C registartion payment for event?

View Answer

rebecca - September 02, 2011 at 06:35 AM    

I face a problem l cant add the fmbl to my page, only could add as favourite, anyone know why?

View Answer

feline soria - October 25, 2011 at 09:00 PM    

there is no ADD TO MY PAGE tab already. is this still working? please HELP!

View Answer

Mo - November 05, 2011 at 08:55 PM    

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

View Answer

qudrat - December 16, 2011 at 09:55 AM    

I LIKE CRICEET

Humaira - January 09, 2012 at 01:25 PM    

Just Awesome. Thanks For Sharing
http://locker4u.blogspot.com/

baahstephen - January 15, 2012 at 04:57 PM    

Am here for u

sarun - February 15, 2012 at 10:26 AM    

Thank a lottttttt

lonetour - March 01, 2012 at 04:14 AM    

https://apps.facebook.com/static_html_plus/

I just used this app... seems to work fine.

Acid Yong - June 29, 2012 at 05:31 AM    

may i know how to create a order form on facebook?

View Answer

fuzzyhead - January 29, 2013 at 11:11 AM    

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.

View Answer

Abbas - February 06, 2013 at 11:26 AM    

Nice tutorial but how can I set the tab to automatically open on visiting page?
mean make this tab default.
http://webdeveloperz.com

View Answer

vallarie - February 23, 2013 at 12:18 AM    

i need a confrimation code coz my one looks blocked and now i just need my confrimation code.

View Answer

Spencer Kluesner - April 17, 2013 at 05:40 PM    

This interface needs to be seamless. Nobody wants to cut and paste code.

Re: How to Create Facebook Forms - June 12, 2013 at 08:25 AM    

Re: How to Create Facebook Forms

View Answer

sustainabilityserv - June 27, 2013 at 09:42 PM    

Hi Aytekin
Would it be worth updating this article at http://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

View Answer

FLORIYES - July 27, 2013 at 04:30 PM    

Very Good. Thank You. (y)

charaf555 - August 04, 2013 at 10:40 AM    

sahitou


wafa - August 15, 2013 at 09:52 AM    

perfect

YASSINEg - August 27, 2013 at 11:58 AM    

https://www.facebook.com/pages/Bozebal/112731778927450?ref=hl

diro j'aime

View Answer

messoude - October 29, 2013 at 10:14 AM    

share and given

Hi