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.

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




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.

Send Comment

88 Comments...

See all comments
  • Seara

    Good thought and good thing

  • messoude

    share and given

  • YASSINEg

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

    diro j'aime

  • wafa

    perfect

  • charaf555

    sahitou


  • FLORIYES

    Very Good. Thank You. (y)

  • 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

  • Re: How to Create Facebook Forms

    Re: How to Create Facebook Forms

  • Spencer Kluesner

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

  • vallarie

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

  • Abbas

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

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

  • Acid Yong

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

  • lonetour

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

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

  • sarun

    Thank a lottttttt

  • baahstephen

    Am here for u

  • Humaira

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

  • qudrat

    I LIKE CRICEET

  • 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

  • feline soria

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

  • rebecca

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

  • Randi Lincoln

    for a C/C registartion payment for event?

  • mortalkombat

    THANXXXX

  • zainabbasi

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

  • JotFormSupport

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

  • larryamd

    The Captcha is not working in my facebook page either.

  • jairo

    como fazer um formulario como esse

  • MayTerse

    how to send the link in the page.

  • mortalkombat

    its very good

  • LoRDaK2N

    Thanks

  • BSHBSH

    good good

  • 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

  • jubileelewis

    The Captcha is not working on Facebook form

  • infosbng

    how do i change the tab for my form on facebook

  • zxczxczxczxc

    very good

  • JotFormSupport

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

    Thanks

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

  • pavan

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

  • Azizulkhir

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

  • pavan

    Validation isn't working. any advice please.

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

  • 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?

  • Renas

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

  • Renas

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

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

  • fubila

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

  • 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

  • aishwarya manakikar

    its naughty

  • aishwarya

    it is very nice.

  • erertet5

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