Author Profile Image

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.

Welcome to the JotForm blog, where you can read about new JotForm features and find helpful online form tips for creating top-notch forms, user case studies, and much more.

Feel free to stay a while, drop a comment or two, laugh at our corny jokes, and make sure to share the articles you like on social media.

ADD NEW BLOG POST

SUBSCRIBE TO OUR NEWSLETTER

Don’t miss out the latest posts!

My Facebook Page

How to Create Facebook Forms

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.


  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




90 Comments...

  • Alton Toth

    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

    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

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

     
  • Buddym

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

     
  • PolatAlemdar

    @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

    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

    thanks great help!

     
  • yapim

    thank you

     
  • winsberry

    Hi, Jot Form!

    You're always doing well.

    Thank you!

     
  • kosslerj

    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

    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

    oke

     
  • victoriaville911

    It's not allowed with free account ?

     
  • cakesbykaren

    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

    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

    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

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

     
  • بيژن

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

     
  • بيژن

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

     
  • ainulyaqin

    semoga memberikan manafaat,thanks

     
  • Mw

    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

    Nice thing. Fantastic

     
  • csmit195

    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

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

     
  • aytekin

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

     
  • ukbase

    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

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

     
  • angelopayumo , jr.

    share and giving

     
  • shiau

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

     
  • JotformSupport

    Please post questions on the support forum. Thanks.

     
  • mohamedlac

     
  • LJCD

    AWESOME

     
  • michaelhofby

    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

    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

    you need monde

     
  • mustafaalawee

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

     
  • shawn banks

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

     
  • cn

    يييي

     
  • erertet5

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

     
  • aishwarya

    it is very nice.

     
  • aishwarya manakikar

    its naughty

     
  • gzbags

    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

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

     
  • fubila

    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

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

     
  • Renas

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

     
  • sarah

    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

    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

    Validation isn't working. any advice please.

     
  • Azizulkhir

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

     
  • pavan

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

     
  • aytekin

    "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

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

    Thanks

     
  • zxczxczxczxc

    very good

     
  • infosbng

    how do i change the tab for my form on facebook

     
  • jubileelewis

    The Captcha is not working on Facebook form

     
  • susrsims

    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

    good good

     
  • LoRDaK2N

    Thanks

     
  • mortalkombat

    its very good

     
  • MayTerse

    how to send the link in the page.

     
  • jairo

    como fazer um formulario como esse

     
  • larryamd

    The Captcha is not working in my facebook page either.

     
  • JotFormSupport

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

     
  • zainabbasi

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

     
  • mortalkombat

    THANXXXX

     
  • Randi Lincoln

    for a C/C registartion payment for event?

     
  • rebecca

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

     
  • feline soria

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

     
  • Mo

    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

     
  • qudrat

    I LIKE CRICEET

     
  • Humaira

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

     
  • baahstephen

    Am here for u

     
  • sarun

    Thank a lottttttt

     
  • lonetour

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

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

     
  • Acid Yong

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

     
  • fuzzyhead

    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.

     
  • Abbas

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

     
  • vallarie

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

     
  • Spencer Kluesner

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

     
  • Re: How to Create Facebook Forms

    Re: How to Create Facebook Forms

     
  • sustainabilityserv

    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

     
  • FLORIYES

    Very Good. Thank You. (y)

     
  • charaf555

    sahitou


     
  • wafa

    perfect

     
  • YASSINEg

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

    diro j'aime

     
  • messoude

    share and given

     
  • Seara

    Good thought and good thing

     

Send Comment