By: Tim Sabat Back to Guides
Greetings friendly Wufoo fans! We've been hard at work on a project for our fellow Wufoo developers called the Wufoo Form Embed Kit. Although the kit is targeted primarily at developers (yes, we're about to nerd it up in here), the rest of you should be delighted to know that it's aimed at making it much easier to get your favourite web apps to add Wufoo integration to their software.
But you don't have to take my word for it. Here's Chris Coyier with a little video rundown on what this product is all about.
The best way to experience the awesomeness of the Wufoo Form Embed Kit is to actually play with it in person. So we took some time and created a live demo for anyone to play with to show the kit being used in a simple application:
One thing to note is that while the example lives on Wufoo.com, which makes iFrame communication a lot easier, this kit does work easily on any domain. Make sure you check out the demo in the video above and our developer documentation to see how it's as easy as copy and paste to make it all just work.
The following sections show off the important screens that are part of the Wufoo Form Embed Kit experience.
Logging in with the Wufoo Form Embed Kit
There’s no need to use the Login API to get your user's API key. With the Wufoo Form Embed Kit, your users will log in using their normal username and password. Look mum, no API Keys!
Inserting Existing Forms
After logging in, the user can choose from their existing forms. If they choose "Insert", they're magically passed back the embed snippet to your page. This flow is similar to what your users would normally have to do with the Code Manager but without error-prone copy and pasting and dealing with strange and unfamiliar code.
Choosing From Our Most Popular Form Templates
If your users need a form that they haven't created yet in Wufoo, this kit also gives them the ability to quickly use some of the most popular templates from our Form Gallery. With a single click, they can add a new form directly from your app without having to go to Wufoo proper.
What's also nice about using a template from the kit is that an email notification is automatically set up for the user so that the form is useful right from the very start.
Editing and Creating Forms
With the press of a button, your user is whisked away to their Wufoo account (they won't need to log in again) to take care of maintenance tasks such as creating or editing existing forms. "Oh no, they leave my app?!" Yes, they do momentarily – we need the extra room to have an amazing form-building experience. But don't worry because when the user has finished saving his/her new form or edits, he/she will be reminded to return to your app from our Form Builder. Check it out below.
What can you build with this?
- Plugins to add forms to any Content Management System
- Integration with any "Web Builder" style application
- Whatever you want!
Why is this useful?
- You can create a Wufoo integration with minimal effort: no need to learn our APIs or do custom design and programming work.
- It eliminates user confusion and copy and pasting errors which can happen when you're going backwards and forwards between applications with snippets.
- Increases engagement with your app – your users never need to leave your website to come and use our snippets!
Need more? Download our Integration PDF for more reasons why our new Wufoo Form Embed Kit is the bee’s knees. It will also help you pitch the idea to your dev team!