How to Add Contact Form to Your Facebook Page Using Static FBML

Ever came across a ‘Contact Us’ form on some facebook pages that you wish you had one too? Look no more for today I am going to share with you some fascinating web forms that are compatible to be embedded in facebook page using Static FBML. No worries if you had never touched FBML in your whole life. All you need to do is to copy and paste the codes generated to your FBML tab and you’re good to go.

But before that, let’s take a look…

Why a Facebook Page Needs a Contact Form?


Simply put,

  • to encourage inquiries about your work
  • to contact page admin for urgent matters
  • to allow interactions without exposing admin’s personal profile (separate page from profile)
  • to deal with complaints effectively (brand management) through one-to-one communication
  • to improve business / fans conversion rate
  • to collect feedback about a particular subject or service

Fixing up a contact form is not compulsory, but it serves a great purpose in listening to individual thoughts and ensures two-way communication between page admin and a fan.


4 Online Form Builders for Your Business Page


Although these form builders are offering paid services, but here I will be highlighting on the features given to FREE account instead (everyone loves freebies, right?). If you wish to know more about their paid account, kindly refer to their respective Pricing/Plans.

Without further ado, let’s take a look at these web forms and their layouts:

(Note: Remember to add Static FBML to your page before embedding the form)


#1  Freedback


Free Account Features ~
No. of Forms: 1
Data Export (CSV/Excel): NO
Ad Link: YES
Pricing / Plans: http://www.freedback.com/features.php

Freedback was the first form I tried on my page. The layout is clean and the setup process is straight forward. Just add in your questions and adjust their positioning however you wish. You can set ‘Required’ for must-answer questions, but they will not be indicated in the fields (as shown in the example above). To avoid fans been redirected back and forth due to an incomplete form, it’s advisable to mark it yourself. All edits made to the form will need you to update the codes manually in FBML tab. Once there’s a submission you’ll be notified via Email instantly, along with a record kept in Freedback database (non-exportable).

Freedback allows you to set a landing page after the form is submitted. There may be a delay while waiting for the form to be submitted, advise fans to wait for it then click ‘Continue’ to proceed to the landing page.

I find Freedback very similar to Response-o-matic. If you’re interested to know about the setup, kindly refer to Kim’s write up on how to setup Response-o-matic for a facebook page.


#2  123 Contact Form




Free Account Features ~
No. of Forms: 5
Data Export (CSV/Excel): NO
Ad/Brand Link: YES
Pricing / Plans: http://www.123contactform.com/serviceplan.html

123 Contact Form has a slight advantage with 5 forms for free account. Plus, it shows the ‘Required’ field clearly, along with a verification field built within the form itself instead of a new page (spam control is a common feature for web forms). During sign up, page admin requires to fill up (extra) mandatory fields such as Website and Country. It supports non-English forms as well. Here is the overview of the form editor and form manager:


#3  Allforms


Free Account Features ~
No. of Forms: Multiple forms (with limit)
Data Export (CSV/Excel): NO
Ad Link: NO
Pricing / Plans: http://allforms.mailjol.net
Advantages: Low Price for paid account, Live Support, Form interface



Despite with a congested setup interface, Allforms has quite a few attractive features: no ads display, low cost and comes with a form interface (see example). It supports non-english forms. Page admin can either use existing form layouts provided or import their own forms to be processed and further customized (advantage to those with CSS and HTML knowledge). You can adjust the color, form size and field positioning easily:

The cost for Allforms is so much cheaper comparing to other form builder with only $10.72/year. Frankly, there are not much difference between paid and free account except on data storage (365 days vs. 30 days) and the availability to remove spam control for paid account. Overall, Allforms is highly recommended when it comes to functionality (free account) and cost effectiveness (paid account).


#4  Jotform


Free Account Features ~
No. of Forms: Unlimited (max: 10MB100MB)
Data Export (CSV/Excel): YES
Ad Link: NO
Pricing / Plans: http://www.jotform.com/pricing
Advantages: Full features as in paid account (limited by space), Sub-header, Drag and drop interface

How can anyone not like Jotform?:

a) Does not Cripple Features on Free Accounts
Page admin can enjoy all features as paid account: data-export, no advertisement links, unlimited forms, auto responders etc. The only thing that separates paid from free account are the account size and amount of submissions per month. Fair enough.


b) Drag and Drop Interface
Enjoy its sophisticated canvas with drag and drop – user friendly when it comes to adjusting form style and setups.


c) Account Status at the Sidebar

A monitoring tab is given so you can keep an eye on your submissions and upload space to plan ahead. Maintain the space within 10MB by deleting your data after exported them (if you are to maintain in free account). If you feel like the space is not enough, upgrade it to meet your submission requirements then downgrade back again once you don’t need it. Super convenient.



d) Customizable Thank You Page
I love this! Different from other online forms, you get to personalize your very own Thank You page with images, font styles and many more options provided by the editor.


e) Export Data as CSV or Excel
By far the only form builder I found with data-exporting feature for FREE account. This is the major attraction for Jotform and enough to win me over. Simply amazing!


f) Embed Code for Facebook Page
Once the form is ready, you can embed it to your facebook page through either one of the steps below:
– Share Form > Advanced Options > Social Network > Facebook
– Source Code > Advanced Options > Social Network > Facebook


#5  Others


There are of course, other form builders that may work similar, for example, Formsmarts is said to be allowing form-embed for fan pages but I have no luck to review it:


Now Is Your Turn…


Do you use Contact Form for your facebook fan page? If not what other ways do you communicate with fans besides wall and discussion board? Love to hear your thoughts.

Like what you’re reading ? Subscribe via RSS Feed or email so you won’t miss a thing:

Enter your email address:


25 Comments

Add a Comment

Your email address will not be published. Required fields are marked *