{"id":7105,"date":"2022-11-16T08:00:50","date_gmt":"2022-11-16T08:00:50","guid":{"rendered":"https:\/\/www.process.st\/help\/docs\/typeform-process-street-integration\/"},"modified":"2024-03-07T11:32:36","modified_gmt":"2024-03-07T11:32:36","slug":"typeform-process-street-integration","status":"publish","type":"ht_kb","link":"https:\/\/www.process.st\/help\/docs\/typeform-process-street-integration\/","title":{"rendered":"Typeform + Process Street Integration"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone size-full wp-image-9695\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Integrate-Type-Form-01.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p><a href=\"https:\/\/www.typeform.com\/forms\/\" target=\"_blank\" rel=\"noopener\">Typeform<\/a> has everything you need to build beautiful, interactive forms with absolutely no coding needed. You can supercharge your forms by integrating Typeform with <a href=\"https:\/\/www.process.st\/\">Process Street<\/a> via <a href=\"https:\/\/www.process.st\/help\/docs\/webhooks\/\">Webhooks<\/a> or <a href=\"https:\/\/www.process.st\/help\/docs\/typeform\/#connecttypeformto-process-street-via-zapier\">Zapier<\/a>. For example, when your form is submitted in Typeform, that could trigger a\u00a0<a href=\"https:\/\/www.process.st\/help\/docs\/what-is-a-workflow\/\">workflow<\/a> in Process Street.<\/p>\n<h2>Connect Typeform with Process Street via Webhook<\/h2>\n<p>A Webhook integration\u00a0can bring information from\u00a0Typeform\u00a0that would trigger a new <a href=\"https:\/\/www.process.st\/help\/docs\/what-is-a-workflow-run\/\">workflow run<\/a> in your Process Street account.\u00a0<em>Webhooks are\u00a0automated messages or payloads sent from apps as a trigger to cause an action in a receiving app.<\/em><\/p>\n<p>In this example, we will create a Webhook trigger that runs the Cold Calling Process workflow when a Lead Capture Form is submitted in Typeform.<\/p>\n<h3>Process overview:<\/h3>\n<ul>\n<li>We will create a Cold Calling Process workflow in Process Street<\/li>\n<li>We will create a Lead Capture Form in\u00a0Typeform\u00a0and then submit a response. When this form is filled and submitted, this will act as our trigger<\/li>\n<li>We will create a webhook that listens for our desired trigger in\u00a0Typeform\u00a0and runs the Cold Calling Process workflow in Process Street<\/li>\n<\/ul>\n<p>Now, let\u2019s jump into the integration.<\/p>\n<h3>1. Preparations in Process Street<\/h3>\n<p>First, create a <a href=\"https:\/\/www.process.st\/help\/docs\/workflows\/\" target=\"_blank\" rel=\"noopener\">Workflow\u00a0<\/a>in Process Street and ensure to add <a href=\"https:\/\/www.process.st\/help\/docs\/form-fields\/\" target=\"_blank\" rel=\"noopener\">form fields<\/a> that are relevant to the data fields in\u00a0Typeform. This will help you to map the relevant information from\u00a0Typeform\u00a0to Process Street.<\/p>\n<p>This information is stored in\u00a0Typeform\u00a0when a form was submitted. So, we need to create relevant form fields in our workflow to push that information through to Process Street. For our example, these form fields should include the lead&#8217;s name (short text fields), phone number (number field), email address (email field), company website (website field), and so on.<\/p>\n<p>This will mean that whoever is initiating the cold calling process won&#8217;t have to look up their information in\u00a0Typeform, but can instead see all their details in Process Street.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14363\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/cold-calling-workflow.png\" alt=\"\" width=\"100%\" \/><\/p>\n<h3>2. Preparations in Typeform<\/h3>\n<p>Log into your\u00a0Typeform\u00a0account or <a href=\"https:\/\/app.breezy.hr\/signup\">create a new account<\/a>. Since we want to trigger a new run in Process Street when a form is submitted, we first need to create a form. To set this up, click the <strong>+ Create typeform<\/strong>\u00a0in your workspace. If you have an existing form, you can use that to create your trigger as well.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14364\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/typeform-create-form.png\" alt=\"\" width=\"100%\" \/><\/p>\n<h3>3. Create a Webhook trigger to run your workflow in Process Street<\/h3>\n<p>To get the webhook URL from Process Street, when you&#8217;re editing your workflow, click the <strong>+ icon<\/strong> above your task list on the left. Here, you can look for\u00a0Typeform\u00a0as a Trigger to Run this workflow.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14365\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/typeform-search-webhook.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>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<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14366\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/typeform-name-workflow.png\" alt=\"\" width=\"100%\" \/><\/p>\n<h3>4. Set up the Webhook Trigger in Typeform<\/h3>\n<p>To set up webhooks in your\u00a0Typeform, while editing your form, click on <strong>Connect.<\/strong>\u00a0Then switch to the <strong>Webhooks<\/strong> tab and click <strong>Add a webhook<\/strong>. In the pop-up box, paste the webhook URL and click <strong>Save webhook<\/strong>. Remember to turn your webhook <strong>On<\/strong> once you&#8217;ve saved it.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14367\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/typeform-connect-webhook-url.gif\" alt=\"\" width=\"100%\" \/><\/p>\n<h3>5. Finish the setup in Process Street<\/h3>\n<p>Now come back to Process Street, select the event as <strong>Form submitted<\/strong> and test your trigger. Your payload should return as a success but if it doesn&#8217;t, you might want to go back to\u00a0Typeform\u00a0and submit a form response.<\/p>\n<p>When your test returns successful, you can proceed to map your fields from\u00a0Typeform\u00a0properties to your Process Street form fields.<\/p>\n<p>Lastly, turn your webhook <strong>On<\/strong> and <strong>Save<\/strong> it. Then <strong>Publish<\/strong> your workflow and you&#8217;re all set!<\/p>\n<h2>Connect\u00a0Typeform\u00a0to Process Street via Zapier<\/h2>\n<p><a href=\"https:\/\/zapier.com\/\">Zapier<\/a> connects over 1,000 apps together. It&#8217;s an &#8220;if this, then that&#8221; tool, meaning that once a trigger has occurred, an action will then take place. This helps to save you time and effort by <a href=\"https:\/\/www.process.st\/business-process-automation-guide\/\" target=\"_blank\" rel=\"noopener\">automating processes<\/a>.<\/p>\n<p>In this example, we look at the survey tool <a href=\"http:\/\/referral.typeform.com\/mzcupqD\" target=\"_blank\" rel=\"noopener\">Typeform<\/a> which provides a clean and simplified way to launch survey campaigns that are easy and enjoyable for your audience to take.<\/p>\n<h3>Use case:<\/h3>\n<ul>\n<li>A small company wants to use a Typeform survey to assess customer satisfaction<\/li>\n<li>The company wants to reach out to the respondents who consented to be contacted<\/li>\n<\/ul>\n<p><em><strong>Users: In order to create an API key for integrations, you must be an Administrator.<\/strong><\/em><\/p>\n<h3>Process overview:<\/h3>\n<ul>\n<li>You will send a Typeform feedback survey to clients<\/li>\n<li>You will configure this survey to launch a workflow run inside Process Street when someone submits their completed survey<\/li>\n<li>You will only launch workflow runs for respondents who consented to be contacted by providing their email.<\/li>\n<li>You will allocate the workflow run to a member of your customer success team<\/li>\n<li>You will auto-populate the workflow run with the client&#8217;s responses so they can be acted upon<\/li>\n<\/ul>\n<p>Let&#8217;s look at how you can do this.<\/p>\n<p>Typeform survey &#8211; you can get started by <a href=\"https:\/\/help.typeform.com\/hc\/en-us\/articles\/360029294412-Use-a-template\">using a template<\/a> in Typeform and then edit it.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11167\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-example-form.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Process Street workflow &#8211; you can use this in your account by clicking &#8220;<strong>Edit checklist<\/strong>&#8220;.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.process.st\/templates\/customer-feedback-survey-process\/\" width=\"100%\" height=\"600\" frameborder=\"0\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>Zapier is structured so that you pick a <em>trigger<\/em> and then an\u00a0<em>action<\/em>. In our integration, submitting a Typeform survey is going to trigger the zap. The zap will then take the data and give that to Process Street where it will perform the action of launching a workflow run.<\/p>\n<p>Now that you have your workflow and your form set up you can go and login to Zapier.<\/p>\n<h2>Connecting Typeform as your trigger<\/h2>\n<p>Click &#8220;<strong>Make a Zap<\/strong>&#8221; to get started.<\/p>\n<p>This will take you to the zap building screen where you can select the trigger app which is <strong>Typeform<\/strong> and the trigger event is &#8220;<strong>New Entry<\/strong>&#8220;.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11168\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-new-entry.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Click &#8220;<strong>Continue<\/strong>&#8221; and sign in to your Typeform account. Click &#8220;<strong>Continue<\/strong>&#8221; again to move onto set up your trigger.<\/p>\n<p>Here you need to choose the name of your for in Typeform. In this case, it&#8217;s a customer feedback survey.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11169\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-trigger-step.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>At this point, you&#8217;ll need to fill out your Typeform survey so that you have sample data to pull into the next few steps.<\/p>\n<p>Once you&#8217;ve done that, click &#8220;<strong>Continue<\/strong>&#8221; and test your trigger.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11170\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-trigger-success.png\" alt=\"\" width=\"100%\" \/><\/p>\n<h2>Add a filter by Zapier<\/h2>\n<p>Click the plus icon to add a filter.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11171\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-filter-by-Zapier.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>This will show you the parameters you can filter by.<\/p>\n<p>In the survey, we ask the client if they consent to be contacted about their response. If they consent, they enter their email in the section provided. Choose the parameters as seen in the image below.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11172\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-filter-rule.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Click continue to test this step and move on to setting up your Process Street action step.<\/p>\n<h2>Setting Process Street as your action<\/h2>\n<p>Select <strong>Process Street<\/strong> as your action app and\u00a0the trigger option &#8220;<strong>Run Workflow<\/strong>&#8220;.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11173\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-run-workflow.png\" alt=\"\" width=\"100%\" \/><\/p>\n<h3>Connect your Process Street account with Zapier.<\/h3>\n<p>You can find the API key in your organization manager under your\u00a0<a href=\"https:\/\/app.process.st\/organizations\/manage\/integrations\" target=\"_blank\" rel=\"noopener\">Integrations tab<\/a> (you will need to be an admin in Process Street to access this).<\/p>\n<p>Click &#8220;<strong>Continue<\/strong>&#8221; to set up your action.\u00a0Select the Process Street workflow you want to run when the form is submitted.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11174\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-mapping-pt1.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>In the\u00a0<em>workflow<\/em> section, click the dropdown to find your customer success workflow. For the workflow run&#8217;s name, you can choose any of the fields from your Typeform submission.<\/p>\n<p>Decide the due date for your employee to complete the workflow run and then who in your team will be assigned when the workflow runs.<\/p>\n<p>Use the &#8220;Submit date&#8221;+ 24h which gives your workflow run a due day 1 day after the form was submitted.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11175\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-due-date.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>You can find a number of Zapier help articles about general help with <a href=\"https:\/\/zapier.com\/help\/field-types\/#datetimes\" target=\"_blank\" rel=\"noopener\">field types<\/a> or specific articles for <a href=\"https:\/\/zapier.com\/help\/modifying-dates-and-times\/\" target=\"_blank\" rel=\"noopener\">modifying dates and times<\/a>.<\/p>\n<h3>Add your clients&#8217; responses to your workflow run fields<\/h3>\n<p>Next, you can map more data from your client&#8217;s responses into the form fields of your new workflow run.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11177\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-mapping-pt2.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>You can use a mix of static text and variable fields from your Typeform fields, as shown above.<\/p>\n<p>Click &#8220;<strong>Continue<\/strong>&#8221; and test your action.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-11178\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/Typeform-action-success.png\" alt=\"\" width=\"100%\" \/><\/p>\n<p>Nex head to your Process Street account and check that your workflow run was created, with all the data filled out in your form fields.<\/p>\n<p>If everything looks OK, turn on your Zap and you&#8217;re all set!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Typeform has everything you need to build beautiful, interactive forms with absolutely no coding needed. You can supercharge your forms by integrating Typeform with Process Street via Webhooks or Zapier. For example, when your form is submitted in Typeform, that could trigger a\u00a0workflow in Process Street. Connect Typeform with Process Street via Webhook A Webhook [&hellip;]<\/p>\n","protected":false},"author":13,"template":"","meta":{"_acf_changed":false,"available_plan":"All plans","available_product":"Integrations","footnotes":""},"ht_kb_category":[194],"ht_kb_tag":[197,521,198],"class_list":["post-7105","ht_kb","type-ht_kb","status-publish","hentry","ht_kb_category-integrations","ht_kb_tag-integrations","ht_kb_tag-typeform","ht_kb_tag-zapier"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/7105","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\/13"}],"version-history":[{"count":1,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/7105\/revisions"}],"predecessor-version":[{"id":7121,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/7105\/revisions\/7121"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/media?parent=7105"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_category?post=7105"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=7105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}