Embed Wufoo Forms on Facebook Pages with our New App
By Kevin Hale · November 15th, 2011Sweet succulent social media! It’s been a long time coming, but our team has finally put the finishing touches on our very own Wufoo Facebook App. Now, you can easily add a form to your Facebook page and easily collect information and leads from your fans. Here’s how it’ll look on Facebook:
To install the Wufoo Facebook App and get your Wufoo Form embedded on your Facebook Page, simple click the “Code” button beneath any form from the Form Manger, click the “On Facebook” tab, and click the “Add To Your Page” button. This will bring up a popup window to select which page you’d like to add it to. Select which page and add it, then head back to that page and click the newly-added “Wufoo Form!” tab to select which form you’d like to embed.
Screencast
Here’s a screencast showing how it all goes down:
Requirements
To integrate Wufoo on to your Facebook page, you’ll need the following:
- You’ll need a Facebook account.
- You’ll need a Wufoo account.
- You’ll need to create (or already have) a Facebook Page.
- You’ll need to install the Wufoo App (see above)
Please note that you can only have one Wufoo App installed per Facebook Page, which means you can only associate one form with your Facebook Page.
After you install the Wufoo App to your Facebook page, you’ll see a prompt to login to your Wufoo account to access the forms you’ve created on Wufoo. If you’re already logged into Wufoo, you’ll just go straight to a list of your forms. One of the really cool things about this integration is that from Facebook, you’ll be able to access a mini Form Manager that’ll make you feel right at home to those familiar with our interface.
One thing some of you will notice is that the embedded forms on Facebook do not show the Form Title or Form Description from your Wufoo form. This is because Facebook already provides a place for a header for the tab. To change that tab’s name, just follow these instructions for renaming the Wufoo App’s tab title. If you need provide a description or instruction to your users at the top of the form, just use a Section Break at the top of the form in the Form Builder.
Thanks a lot for everyone’s patience and testing while we worked out all the kinks. We’re really happy with how everything turned out and hope you all will enjoy collecting data from your favorite social circles!
Sweet stuff. I haven’t had the chance to come across an APP with forms though. Going to check yours out :)
Posted 3 months ago by Marco Berrocal.This is really cool. I am just wondering if I have a current survey in process for my company fans, if I should midstream add it to our page: http://facebook.com/chatnchill ? I am kind of new to all of this tracking stuff, but I was tracking it with bit.ly. But if this is a survey that is strictly for our fans only, then there is no need to track, right? Sorry if I am not making sense, as I am just trying to keep up with everything in marketing and social media plus our beach bar and beach destination wedding business too:-) lol
Posted 3 months ago by Kwanza Clay Bowe.Oh, and I forgot to say, a big THANK YOU for this very cool app, too!!!
Posted 3 months ago by Kwanza Clay Bowe.Great App. Question: what was that icon you clicked on to automatically log back into your FB account? (3:05) thanks
Posted 3 months ago by EL.Great stuff everyone!
Anyway we can get the form styling on these pages soon?
Posted 3 months ago by Ben.Great app but it seems to randomly change the link to the form on the left in Facebook from the title you set back to ‘Wufoo Form!’ when you change subpages within my Page.
Eg my form is called ‘Send us your wishlist’. It says this before logging in. Changes to ‘Wufoo Form!’ after logging in, changes back to my name when I go to my Welcome page, then back to ‘Wufoo Form!’ when I go to the actual form page.
Posted 3 months ago by justin fleming.So this can be used for people to make direct donations to our org?
Posted 3 months ago by Jodi V..To follow up with the last question, can this lead to paypal?
Posted 3 months ago by Lisa.You can use our Payment Integration features to collect donations with PayPal via a Wufoo form. You can learn more about those features here: http://wufoo.com/payments/
Posted 3 months ago by Kevin Hale.@justin : The tab name changes seem to be a bug on Facebook’s end that was just introduced today. Hopefully, that gets fixed soon.
Posted 3 months ago by Kevin Hale.@EL - https://agilebits.com/onepassword
Posted 3 months ago by Chris Coyier.Hi I hope you guys can answer this asap:
Is there any way to insert a form in a profile page too instead of a Facebook page? If not, will you be coming out with the said feature soon?
Really hope you could help me, thanks SO MUCH.
Posted 3 months ago by pucci.@pucci - Unfortunately this just isn’t possible right now. As in, it’s not possible with what Facebook provides.
Posted 3 months ago by Chris Coyier.Hmmmm allowed the app to have access, but when I go back to the page, app isn’t there.
Posted 3 months ago by Elena.This is really Great. We have done this in our facebook page. http://www.facebook.com/irisholidays . Also wondering whether we can embed this as a part of an already existing facebook tab
Posted 3 months ago by Iris Holidays.Thank you for your info re http://wufoo.com/payments/. Can that text be changed from thankyou for your payment to thank youf or your donation? And does Paypal take their normal cut, or do you have a special deal somehow that we get 100% of the donation? if so I will put all our donations through this way as Paypal takes $3 something out of every $100 and your checkout cart is easier too. Can it be set to do this in NZD rather than USD? Can you please email me a reply in case I miss a reply via this forum, thanks Wufoo, you keep on pulling it out of the hat!
Posted 3 months ago by Kim.With ALL the BASIC Payment - PayPal Integration change requests we have been waiting for, for almost 2 YEARS, don’t you think FaceBook forms are overdoing it?
FormStack has no problem sending a confirmation email AFTER a successful payment has been made. You’ve been dragging your feet for 2 years.
FormStack has no problem differentiating between a PayPal PRODUCT purchase and a SERVICE Purchase. Wufoo can’t or won’t do it.
But we get FaceBook Forms!
Happy Thanksgiving..
What are you guys smoking now that you’re in CA?
Posted 3 months ago by John Fothergill.Good application.
Posted 2 months ago by WordPress Guru.Everyone needs a hug.
Posted 2 months ago by WordPress Guru.I was wondering if the facebook bugs have been worked out yet? (in particular the name on the tab switching). I’d love to integrate one of our wufoo forms onto our facebook page, but I’d like to be sure the tab isn’t going to switch names. Thanks!
Posted 2 months ago by Laurel.@Laurel - I believe so, yes. Facebook has marked the bug as “fixed”.
Posted 2 months ago by Chris Coyier.Love it! Thanks for this app, one issue though…I’ve added the app it to our page but keep getting the error “no socket template” upon clicking he app tab. I tried using a different browser and was able to get to the login phase but then received the same error.
Posted 2 months ago by Jaclyn Goris.Hello also seems to me buenisimo this application. But the same thing happens to me a companion. I can not see in my browser, it will be?
Posted 2 months ago by Manuela Perez - Vudu.Thank you for the information, but what is the difference between Google Blog and this blog?
Posted 2 months ago by web design.Would it be possible to password information from Facebook to the form? I mean since you are getting the permission to collect the name for example. Can you send this info to the form so that it can be seeing?
Posted 1 month ago by Dimitris Rakopoulos.Is there a way to post more than one wufoo form on the fb app? I want an email signup form and at least one other form (on a different tab) to collect testimonials. thanks much
Posted 1 month ago by Chris.I have the app in my Facebook page. When I click on it, I get the Wufoo login page, I enter the info, and then I just get a red screen…. it won’t load. I’ve tried it multiple times over the past few weeks. Any ideas? Thanks!
Posted 3 weeks ago by Kelly.I added the app & allowed permissions, but then the app doesn’t show up on any of the pages where I’m an admin. Is this a bug?
Posted 3 weeks ago by Nicole.Hey, Gang,
Does this Facebook-ness also show up on Timelines and stuff? In other words, if someone fills out a form, does it announce to the FB world that “John Doe has filled out a Wufoo form.” to John’s friends? Strangely enough, I have a client that actually wants that. Is it possible?
You guys are super.
Posted 2 weeks ago by Matt Bivins.Thank you,
very informative post and cool app!
Posted 1 week ago by Κατασκευή ιστοσελίδων.