Wufoo Form Facebook Tabs (The EASY way)

Wufoo Form Facebook Tabs (The EASY way)

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

Wufoo Contact Form

2. Click on “Code”

After the form has been created, go back to the Wufoo Form Manager, and then click on “Code.”

Wufoo Code Button

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:

[success] http://www.YOURDOMAIN.wufoo.com/EMBED/k7x3z9[/success]

Keep this code handy, you will need it later!

Wufoo Iframe Code

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!

Create Facebook app

5. Click on “Facebook Integration”

Facebook Integration

6. Add Your Wufoo Code

Canvas Page

Further down the page, enter the remaining code, and save your changes.

Wufoo Form Code

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

Facebook add to my page

8. Visit your Page!

Facebook page wufoo form

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!