Update (June 19th): visit my new post for an EASIER way to embed your Wufoo form on Facebook! (it takes about 5 minutes).
On March 11th, Facebook dropped FBML integration with its fan pages. Many people are disappointed by this change, but the new updates allow developers the opportunity to customize like never before! Check out my Facebook fan page, to see the Wufoo form in Action!
I have always wanted the ability to integrate Wufoo forms with Facebook tabs, and I just figured out a way to accomplish this; it’s extremely EASY, so there’s no need to worry. The only problem I have found so far is that the form design (aka theme colors) are not applied in the Facebook tab.
1. Create the Form
2. Click on “Code”
After the form has been created, go back to the Wufoo Form Manager, and then click on “Code.”
3. Copy Code to Clipboard
Pay attention to this next step, and click on “Embed Form Code.” There you will find a couple options, but take a look at the Iframe Version. If you look closely, you will see the code:
Keep this code handy, you will need it later!
4. Create a Facebook App
Next, create a Facebook app by visiting this link: http://www.facebook.com/developers/createapp.php
Give your application a name, and then proceed to the next step!
5. Click on “Facebook Integration”
6. Add Your Wufoo Code
Further down the page, enter the remaining code, and save your changes.
7. Add the App to your Page
Click on the “Application Profile Page”
title=”Application Profile Page” src=”http://lukethomasmedia.com/wp-content/uploads/2011/03/Application-Profile-PAge.png” alt=”Application Profile Page” width=”195″ height=”209″ />
then click “Add to My Page”
8. Visit your Page!
The great part about using Wufoo is the ability to integrate form leads into services like Mailchimp, where you can then manage auto-responders, and much more. If you enjoyed this article, please click the “like” button below! Also, please let me know what you think of the article by leaving feedback on Twitter!