Integrating Your Apps with Wufoo using Webhooks

I’m a big fan of online form builders like Wufoo, because they let non-developers build and deploy great-looking online forms easily. To get access to the data collected from your form, you can download the data, email the results, or even send the data to other supported applications. But what if you need a tighter integration to an application that is not supported? If your online form builder supports webhooks, you can send your form submissions immediately to any external application by specifying the URL of an external API. Normally, you need to be a developer that can understand and code the API. However, with itDuzzit, you don’t need to be a developer to build a Wufoo webhook handler that integrates with other applications.

How to Build a Wufoo Webhook Handler

In a previous post, I discussed webhooks in more detail, but here I’ll show you how to use itDuzzit to build a custom handler that a Wufoo form can call. You can use itDuzzit’s editor to manipulate the form data, perform calculations, and then send the data to any number of cloud applications and communication channels.

itDuzzit provides some built-in features to make integrating with Wufoo easier. Here’s how it works.

  1. First, you need to connect your Wufoo account to your itDuzzit account. Select Wufoo on the Connections page or click here.

    Enter your Wufoo URL and API Key and then save the connection.

  2. Next, we’ll create a duzzit that will be our webhook handler. Select the “Create a Duzzit” button from the application menu. Then for type, choose “A Wufoo form handler”. This option will only be displayed if you connected your Wufoo account to itDuzzit. For template, select “Wufoo webhook for one of your forms”. Now all of your Wufoo forms will be listed. Choose the form that will call your webhook form handler.
  3. Give your duzzit a name and then save it.

    The duzzit is created with input fields to match all of your Wufoo form fields.

  4. Leave all the duzzit input fields blank, and click the button labeled “Add this Webhook”. This tells Wufoo to call the duzzit each time the Wufoo form submitted.

    To verify that the webhook was registered, you can go to your Wufoo form’s Notifications Settings page.

  5. Try it out by submitting your Wufoo form. If the webhook is working, you’ll see that it was called on the itDuzzit logs page.

    Click the “details” link to see the results.

Our duzzit doesn’t do anything yet, but now we can use the drag-and-drop Duzzit Editor to call any application in our Duzzit Library. For example, we can send the data to a Google Docs spreadsheet, to Salesforce, or QuickBooks online. Here’s a screen shot of the Duzzit Editor. I edited this one to send my form data to Constant Contact, by dropping a “DO” into the logic area of my duzzit and then selecting “Constant Contact – Create Contact” from the Duzzit Library.

itDuzzit is free to try. If you have questions or need help, feel free to contact us.

This entry was posted in Features and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>