Add a form to Facebook

In this post I will show you how to add a custom tab to your Facebook Page using the Facebook Static FBML application.

First, add the Static FBML Application to your page. The Facebook Static FBML application gives you the ability to add advanced functionality to your Facebook Fan Page. This application will add a box to your Page in which you can render HTML or FBML (Facebook Markup Language) for enhanced Page customization. Installing the app is easy, but actually getting to the area where you edit can be a little tricky.  When you add the app it will give you choices of which Page or Pages you want to add it to.

Second, create your opt-in tab. After you have added the app, head to your Page and click on “Edit Page”.  Locate FBML in your list of applications and click on the pencil icon to edit. In “Box Title” you can give the tab a name like “Email Signup” or “Newsletter”. In the “FBML” section, simply paste your form code in. You can style your form and imagery to give the Box some look and feel, similar to the car image I added in the example above. One key customization I added to our code was <form method=”post” action=”http://url.com” TARGET=”_blank”> at the end of the url to open a new browser tab or a window so the user doesn’t lose their place on Facebook.

Last, add the new tab to the Facebook navigation. Where it shows “FBML” on the “Add a New Tab” drop down, will be the custom name you gave the new Box.  If you are running out of room with your Tabs, you may need to scoot some things over to give your new Tab some visibility.

This App will also live on your “Boxes” tab in a condensed version, unless you go back to Edit Page > FBML Settings > Application Settings and remove it from the Box and just leave the Tab (which I recommend).

One last thing, if you have trouble getting the Box to appear as some have noted, simply “Add Another Box” and copy the exact same code in.

Enjoy! Please comment if this helped you!