Author

Profile Image 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.


The companion blog to JotForm, the easiest web form builder.




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


Send Comment