![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Integration-Wufoo-01.png\")
<\/p>\n<\/p>\n
Wufoo<\/a> is a user-friendly form builder with a drag-and-drop interface that makes it easy to create custom forms without any coding knowledge. You can integrate Wufoo with Process Street<\/a>\u00a0to make your workflows<\/a> super powerful and automate your work via Webhooks<\/a>\u00a0or Zapier<\/a>.<\/p>\n A Webhook integration can bring information from Wufoo that would trigger a new workflow run<\/a> in your Process Street account.\u00a0Webhooks are\u00a0automated messages or payloads sent from apps as a trigger to cause an action in a receiving app.<\/em><\/p>\n In this example, we will create a Webhook that runs the Merch Order Request Workflow when a new form response is submitted in Wufoo.<\/p>\n Now, let\u2019s jump into the integration.<\/p>\n First, create a Workflow\u00a0<\/a>in Process Street and ensure to add form fields<\/a> that are relevant to the data fields in Wufoo. This will help you to map the information from Wufoo to Process Street.<\/p>\n This information is stored in Wufoo when a response is submitted. So, we need to create form fields in our workflow to push that information through to Process Street. For our example, these form fields should include the customer and product name (short text fields), customer email (email field), customer phone (number field), and so on.<\/p>\n This will mean that whoever is processing the order won’t have to look up information in Wufoo, but can instead see all the details in Process Street.<\/p>\n Log into your Wufoo account or sign up for a new account here<\/a>. Since we want to trigger a new run in Process Street when a new form response is submitted, we will start by creating a form first. If you have an existing form that you would want to integrate with, you can use that one.<\/p>\n To create a new form, click on + Create Form<\/strong> in the top right corner. You can build one from scratch or choose to create one from their available templates.<\/p>\n If you’re working with a template, you can edit the form questions to suit your need.<\/p>\n Note:<\/strong> You want to ensure that the form fields you have in your workflow match the fields you have in Wufoo.<\/p>\n To get the webhook URL from Process Street, when you’re editing your workflow, click the + icon<\/strong> above your task list on the left. If you don’t have any existing triggers to run your workflow, you would see a Triggers<\/strong> button above your task list.<\/p>\n Here, you can look for Wufoo<\/strong> as a Trigger to run this workflow.<\/p>\n You can name your webhook as the app name or any phrase that helps you identify the Trigger. Then copy your Webhook URL.<\/p>\n To create a webhook in Wufoo, go to your Forms dashboard and click the three dots<\/strong> next to your form name. Click Integrations<\/strong> from the dropdown menu.<\/p>\n Scroll down and add Webhooks<\/strong> as another application for integration.<\/p>\n Here, paste the webhook URL you copied earlier, check the box to include form and field structure then click Save<\/strong>.<\/p>\n Submit a form response so you could test your trigger in Process Street.<\/p>\n Now come back to Process Street and test your trigger. Your payload should return as a success but if it doesn’t, you might want to go back to Wufoo and submit a new response.<\/p>\n When your test returns successful, you can proceed to map your Wufoo parameters to your Process Street form fields.<\/p>\n In case the field mapping doesn’t show you the value names from Wufoo, click on See Payload<\/strong> and refer to the field names that are associated with the form field names in your workflow.<\/p>\n Lastly, turn your webhook On<\/strong> and Save<\/strong> it. Then Publish<\/strong> your workflow and you’re all set!<\/p>\n As an extra step, you can go to Wufoo, submit a new response then come back to Process Street in the Reports Dashboard to confirm a new workflow is run.<\/p>\n Zapier<\/a> is an integration platform that connects over 2000 different apps. An action in any of the supported apps (like forwarding an email or adding an attachment to a task) can trigger another app\u2019s features automatically. Zapier integrates with both Wufoo and Process Street. The whole “recipe” sequence (“if X happens, do Y”) is known as a Zap.<\/p>\n In this example, we\u2019ll be walking you through how to set up a Zap that connects Wufoo and Process Street.<\/p>\n Users: In order to create an API key for integrations, you must be an Administrator.<\/strong><\/em><\/p>\n Let\u2019s look at how you can do this.<\/p>\n Create a workflow in Process Street that includes form fields relevant to the data you want to collect in your form. In our example, we have created the Merch Order Request workflow as shown above<\/a>.<\/p>\n Create a form in Wufoo to collect merch order requests as shown above<\/a>. When this form response is submitted, it would trigger a zap in Zapier to run a workflow in Process Street.<\/p>\n Log into\u00a0Zapier<\/a>\u00a0or\u00a0create an account<\/a>, then click “Create Zap<\/strong>“.<\/p>\n Here, choose Wufoo <\/b>as the Trigger and New Entry<\/strong> as the Event.<\/p>\n Choose or connect your Wufoo account, then set up the Trigger by selecting your Form<\/strong> in Wufoo. In our example, we have chosen the TShirt Order Form<\/strong> we created earlier as shown above.<\/p>\n Next, test the Trigger to make sure the right account is selected in Wufoo and the Trigger was set up perfectly. A successful test would look like this:<\/p>\n For the test to pull sample data into Zapier, you need to ensure you have submitted at least one form response.<\/p>\n Once the test comes back successfully, set up the Action<\/strong> by choosing Process Street as the Action app. Next, select\u00a0Run Workflow.\u00a0<\/strong>This will make our Zap run a workflow in Process Street when the Trigger is detected.<\/p>\n Select or connect your Process Street account, then set up the Action by choosing the Merch Order Request<\/strong> workflow. Next, map the fields from Wufoo to those in your workflow.<\/p>\n Now, click Continue<\/strong> to test your Zap. A successful test should look something like in the image below. You can also preview the information here and verify if you have your data mapped correctly.<\/p>\n When your test returns successfully, you should also check the new run via your Reports dashboard in Process Street.<\/p>\n Now, remember to give your Zap a name and turn it on.<\/p>\n Congratulations, you’ve now automated your data transfer and workflow creation process!<\/p>\n Zaps allow you to automate the busy work in your workflows, whether they’re HR-related or not. Try testing out the different Triggers and Actions yourself with Process Street and other apps to see what work you can wave goodbye to!<\/p>\n","protected":false},"excerpt":{"rendered":" Wufoo is a user-friendly form builder with a drag-and-drop interface that makes it easy to create custom forms without any coding knowledge. You can integrate Wufoo with Process Street\u00a0to make your workflows super powerful and automate your work via Webhooks\u00a0or Zapier. Connect Wufoo with Process Street via Webhook A Webhook integration can bring information from […]<\/p>\n","protected":false},"author":14,"template":"","meta":{"_acf_changed":false,"available_plan":"All plans","available_product":"Integrations","footnotes":""},"ht_kb_category":[194],"ht_kb_tag":[280,476,374],"class_list":["post-6723","ht_kb","type-ht_kb","status-publish","hentry","ht_kb_category-integrations","ht_kb_tag-integration","ht_kb_tag-webhooks","ht_kb_tag-wufoo"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/6723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/users\/14"}],"version-history":[{"count":1,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/6723\/revisions"}],"predecessor-version":[{"id":6743,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/6723\/revisions\/6743"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/media?parent=6723"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_category?post=6723"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=6723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Connect Wufoo with Process Street via Webhook<\/h2>\n
Process overview:<\/h3>\n
\n
1. Preparations in Process Street<\/h3>\n
![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/zoho-workflow.png\")
<\/p>\n2. Preparations in Wufoo<\/h3>\n
![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/create-form-wufoo.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-form.png\")
<\/p>\n3. Create a Webhook trigger to run your workflow in Process Street<\/h3>\n
![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/search-wufoo.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/copy-url-wufo.png\")
<\/p>\n4. Set up the Webhook Trigger in Wufoo<\/h3>\n
![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-webhook.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/create-webhook-wufoo.gif\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/webhook-url.gif\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/submit-form.png\")
<\/p>\n5. Finish the setup in Process Street<\/h3>\n
![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/field-mapping-wufoo.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/see-payload.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-run.png\")
<\/p>\nConnecting Process Street with Wufoo via Zapier<\/h2>\n
Process overview:<\/h3>\n
\n
1. Preparations in Process Street<\/h3>\n
2. Preparations in Wufoo<\/h3>\n
3. Create a Zap to run the workflow in Process Street<\/h3>\n
![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-app-event.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-trigger.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-test-trigger.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-action-app.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-map-fields.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-action-test.png\")
<\/p>\n![\"\"](\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/wufoo-run-by-zapier.png\")
<\/p>\n