Contact Form for Facebook

  

Some 123ContacForm users asked us how to put a contact form on the Facebook page. It seemed a simple task, but when it came to do it, we saw that it is not that simple, as Facebook allows you to modify the page only using some Facebook applications. Of course, we managed to do it, and answer our customer support emails, but we thought it would be useful to also write here how to do it.

We will assume that you have a Facebook account, and a 123ContacForm account (it’s free, sign up if you haven’t already). Then follow the steps described below:

- add 123ContactForm Application to your Facebook page.
- this will automatically create a new menu option and open the App configuration panel.
- select your form and the destination Facebook page
- click Add

Don’t hesitate to watch our video tutorial for a step by step action





About the Author

This entry was posted on Wednesday, November 18th, 2009 at 4:13 am and is filed under Integrations, Tips & Tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

79 Responses to “Contact Form for Facebook”

  1. Contact Form for MySpace | 123ContactForm Blog Says:

    [...] we wrote the contact form for Facebook tutorial, we received a couple of requests to create a similar tutorial, but for MySpace. So, here [...]

  2. ddd Says:

    love the website , great job

  3. blagoje Says:

    hvala

  4. Zita Says:

    hi,
    regarding to the facebook contact form tab, when i clicked on Submit the add to profile button didnt show up..
    therefore i could not set the application on my fanpage…
    can you please help me with this?
    thank you
    http://www.facebook.com/zitasphotos

  5. Pat Says:

    Wow!!! This really is the best solution to my problem!!
    A very big thanks to this post! More power.. Thanks for the help!

  6. JenS Says:

    YO! Do you have any update to this? ‘cuz now it aint workin!

  7. Fernando Marquez Says:

    Congratulations for your useful services.

  8. admin Says:

    We just released a new video tutorial, it will learn you how to use a form on facebook.

  9. Kate Says:

    I’ve added the logo to the contact form and it shows up in preview but when I paste the html code onto my facebook page the logo doesn’t show up?

  10. admin Says:

    Kate, the logo and that nice box that contains the form, in the preview, are ment for using the form ON OUR SITE. When you embed the form code, you get only the actual form code.

    If you wish to use the logo and nice box, you should add a simple link on your Facebook page, to the link that is provided in Get Html Code, Option 1.

  11. AndY Says:

    Thanks for the tutorial, it really helped. I encountered one problem however. I added the html code to the FBML box on my facebook page, but when I tested it out, even though I put int he verification code correctly it said that I did not and took me to another page. Why wouldn’t it accept the correct first attempt?

  12. Jeff Shafer Says:

    why can i not log in? i have everything correct

    i have tried your other damn methods, my COOKIES are enabled and i still can not get thru

  13. admin Says:

    Jeff, contact us using our contact form. Private data cannot be discussed on the blog.

  14. admin Says:

    Andy, Facebook blocks the cookie that makes Captcha work. Please use the forms without Daily Captcha, which does not require a cookie. It can be enabled from Form Setup.

  15. juan Says:

    Why 123contact doesn’t accept a facebook page as return page after the form?

    When I try to set my facebook page as return page the system says:
    “The page you wish to display after the form is filled is not valid!”

    Does really 123contact works with Facebook?
    Many thanks

  16. admin Says:

    juan, what is the exact URL you wish to use? if you don’t want to post it here, open a support ticket:
    http://www.123contactform.com/contactus.html

  17. juan Says:

    Hi thanks for your reply,
    I used for the redirect page: http://www.facebook.com/traettiana

    and the sistem said: “The page you wish to display after the form is filled is not valid!”

    Thanks

  18. juan Says:

    Hi I have a possible answer for the redirect problem:
    the system accept only pgaes for the domain setted-up in the sign-up process… Is that correct?
    Thanks

  19. juan Says:

    I setted up my facebook page as my domain and the system still not accept facebook page for the redirect…

  20. juan Says:

    Redirect problem solved:
    the sistem needs “http://” before the domain…

    @admin maybe you can put a *note

    Thanks
    Regards

  21. admin Says:

    Yes, a valid URL includes http:// in front of it :) We will surely put a note about it.

  22. sara Says:

    hi, wen i click on add to my page its says select which page you wish to add and then no results? pls help

  23. Tina Says:

    How do I get this form to work on a Facebook FANpage? When I go to Edit the application it doesnt give me any fields to enter HTML code :-(
    I have seen someone else using this form on their Fanpage so their must be a way….

  24. asher Says:

    Hello

    I am using your contact form on face book
    It is in Hebrew
    My problem is that the content information I get on the mail, like name, massage in coming like that ייעוץ ×œ×¤× ×™ רכישה
    Can you help me fix that

    Thank you

    Asher

  25. Tammi Says:

    HI, can anyone shed some light on how to upload this to the FB page….I cant view the UTuBE video as I only have Dial-up Internet…can anyone let me know the basic steps in loading the HTML code……:( THANKS

  26. Lisa Says:

    Thank you, Now I can add a contact form on my page instead of suggesting to send me an email.

  27. TJ's Says:

    I set up my contact form on facebook however when used it is not emailing me. Can anyone help with this?

  28. Hil Says:

    I can not get the video to load, does anyone have a written tutorial??

  29. lynsey Says:

    Hi just watched your tutorial for this app for facebook.

    It allows me to add the FBML tab to my page, and then go to edit….

    but since the recent facebook layout change i have no “edit” button once in the applications menu like shown in your video, therefore i can’t access the forms etc etc.

    Hope you understand what i mean and can help me

    Cheers!

  30. Lori Says:

    When I go to the FBML Facebook page & click on “add to my page”, my page does not show up in the box?? Can you help me on this?

  31. Lisa Says:

    Hello there,

    My facebook page is “I’m a sugarmum! I love it and so will you”. I’ve tried adding static FBML. When I click to add to my page, a box comes up which asks me to select which page I want to add static FBML to. And below that it says, “No Results”. Am I doing something wrong?

    Thanks Lisa

  32. jule Says:

    facebook is fazing out FBML and introducing iFrames. Will the contact form work on iFrames? Please help!

  33. Alex Says:

    Nice, many thanks !

  34. elke Says:

    Just wondering if you have info for the new Facebook? I can get to the FBML link on the left, when I click edit there’s just a blank area and nowhere to edit. Can you help?

  35. Silvia Miles Says:

    I can’t add the FBML application to my facebook page.http://www.facebook.com/pages/Wartburg-South-Africa/Milestone-Kitchens/152779598112169

  36. Hannah Says:

    How do I add a contact form with the NEW facebook page layout? The App does not have an “edit” button.

  37. christy Says:

    is there another fbml to use?
    this one doesn’t work

  38. Roza Says:

    what is i have a new version of a facebook page?! i cant find most of the stuff you were showing. or i’m just dumb. :)

  39. sharon Says:

    i got static fbml and i put your code.
    it working fine but always after sending the details it says again to write the code and it gibrish the hebrew.
    what can i do ?

  40. taiphotography Says:

    I dot get the 3rd step can some1 help me pls thx

  41. jason Says:

    I was following the tutorial for adding the Static FBML and when I select the Static FBML I should be able to add it to my facebook page by selecting “add to facebook page”. It doesn’t come up and I copy the steps in the video to no avail.

  42. Serra Says:

    thank you nice article nice video

  43. adraghici Says:

    Jason, please check the short tutorial above the video. Since Static FBML was removed by Facebook we recommend another App that will perform the same: IFrame Apps.

  44. Alexandra Says:

    Taiphotography, we will replace this tutorial in a week. Till then, please use iFrame Apps instead of Static FBML

  45. Alexandra Says:

    Elke, Hannah, in the Base URL section, you select the page where you want to post the form – that means that you need to have a page created (which is different from your Facebook profile). Then, insert the generated code in the iFrame URL box and click submit.

  46. Alexandra Says:

    Sharon, please open a support ticket and give us more details on your issue.

  47. Tara Says:

    I have just added the contact to my fb page and it is coming up under the heading of welcome on the left side tab. How can i change the title of the tab?

  48. Alexandra Says:

    Tara, you go to Edit page, then select Applications and press Change settings in the iFrame Apps section. A lightbox will appear and there you can change the title.

  49. Hooray for our Facebook application! | 123ContactForm Blog Says:

    [...] 123ContactForm application for Facebook has gathered over 10.000 users and hundreds of Likes in only 6 weeks. Since its launching on June [...]

  50. Echo Says:

    It is great ,i love it.

  51. sweet art Says:

    can i use two forms for my facebook page, side by side???

  52. Alexandra Says:

    You can publish two forms on the same Facebook page using the 123ContactForm application for Facebook and iFrame Apps at the same time. Read the support information here: http://www.123contactform.com/docs/publish/#how-can-I-publish-two-forms-on-the-same-facebook-page

  53. angelle Says:

    seems like so interesting, and thank you for the tutorial video.

  54. David Says:

    I’ve been looking for a good contact form for one of my fanpages. I’ve already used some, that I won’t mention, that just didn’t work.
    I see this one 123contactform has had alot of interest and use.

    I’ll try this out now and give my honest review.

    I like that you can use two forms, that will be a bonus!

  55. Wayne Says:

    Hi, thanks for the article and video, will look this in more details for my business fanpage. Thanks.

  56. Crate Engine Says:

    Just wanted to let you know that I have implemented this on one of our Fan Pages for crate engines and it is working a treat.

    Thanks for sharing this..lets hope my crate engine fans can work it for us.

    Cheers guys thanks!!!

  57. 123ContactForm + Facebook + Twitter | 123ContactForm Blog Says:

    [...] the easiest to create for promoting a product, service, event or idea. And the quickest to find. Facebook forms have good exposure and usually gather many submissions. With the 123ContactForm app, posting a form [...]

  58. Most Popular Free Online Form Templates | Smashing Forms Says:

    [...] Contact form. Providing contact data on the contact page of a website is being replaced more and more often with contact forms. This is probably the most common online form template and, at the same time, it may be the most exciting one. Since many websites use online contact forms, it is a challenge to build a contact form that stands out. With a professional online form builder, you can create contact forms that really do stand out (in terms of structure, design, feature richness, security) as easy as 1-2-3. [...]

  59. Free Online Form Builder | Smashing Forms Says:

    [...] the first phase, you can choose a free form template – contact form, order form, registration form, online survey or more niched ones, like the website visitor survey [...]

  60. Website Says:

    Too easy, thanks :)

  61. olejki Says:

    I have a problem Facebook blocks the cookie that makes Captcha work.

  62. Laura Says:

    We don’t use cookies anymore in which concerns CAPTCHA, so this shouldn’t be a problem. If the issue persists, please send us the URL of your form at support@123contactform.com.

  63. Allie Says:

    Thank you! I have been searching for hours trying to figure out how to set this up. I’m so glad you were thoughtful enough to make the video to show people. Thanks again.

  64. Tieng Anh cho nguoi di lam Says:

    I like that you can use two forms, that will be a bonus!
    http://tienganhchonguoidilam.vn/chuong-trinh-hoc-tieng-anh-giao-tiep-cho-nguoi-di-lam/

  65. Ovl Says:

    great app . thanks so much

  66. Cài win tại nhà Says:

    Wow. It very nice. It free or fee?

  67. Laura Moisei Says:

    You can use the contact form for Facebook on the free plan too.

  68. giay converse nam Says:

    Thank you!Just wanted to let you know that I have implemented this on one of our Fan Pages for crate engines and it is working a treat.

  69. thomas vu Says:

    thank you nice article nice video

  70. fb post engine review Says:

    It is great,thank you for the tutorial video

  71. Johnson Says:

    Well done. Thank you for your helps.

  72. May loc nuoc kangaroo Says:

    love the website , great job

  73. Thuy lieu Says:

    Good tutorial, thanks so much

  74. Website Singapore Says:

    Very useful for me. Thank you for your video.

  75. Cuoi Hoi Tron Goi Says:

    Great job. thanks so much

  76. Distributor Crystal X Says:

    Very helped for me.
    Thanks for your video…cz i’m can do it for my website. :)

  77. recettes Says:

    merci pour le contenu concernant Contact Form for Facebook!

  78. Dang Bach Says:

    This is a good form for Facebook! Keep working!!

  79. No name Says:

    Very good

Leave a Reply