LogoLogo
Back to studio
  • 🧠Core Concepts
    • Introduction to Formsort
    • Formsort quickstart guides
      • Add content and collect answers
      • Capture demographic data
      • Add informational content
      • Template your variables
      • Add conditional logic
      • Using conditional logic with Calculated and API variables
      • Add a scheduling option
      • End the flow
      • Review your variable schema
      • Set up integrations
    • How data works in Formsort
      • Responder UUIDs
    • Understanding flows
    • Versioning in Formsort (Deploying)
      • Variant revisions
      • Managing revisions
  • ✨Creating Flows
    • Building a new flow
      • Groups
      • Steps
      • Copy-pasting form content
  • Adding questions and content
    • Questions
      • Select
      • Text
      • Address
      • Comparison
      • Confirmation
      • Date
      • Date & time
      • Email address
      • File upload
      • Grid choice
      • Iframe
      • Image upload
      • Number
      • Payment
      • Phone number
      • Postal code
      • Question group
      • Region
      • Signature
      • SSN
      • Yes/No
    • Content
      • Statement
      • Image
      • Next button
      • Video
      • Divider
      • Map
  • Controlling the flow with conditions and logic
    • Advanced logic
  • Variable templating
  • Redirects and endings
  • Field validation
  • Flow and variant management
  • Content library
  • 🧬JSON Form Definition
  • JSON schemas
  • Validating flow schemas
  • Events subscriptions
  • Flow content data format
  • 🎨Styling
    • Customizing appearance
      • Content area & form layout
      • Buttons
      • Typography
      • UI states
      • Color and dimension variables
      • Question containers
      • Inputs and dropdowns
      • Checkmarks
      • Tables
      • Sliders
      • Divider lines
      • Progress bar
      • Comparison cards
      • Animations and transitions
  • CSS & Advanced Styling
    • Custom CSS overrides
    • Step styling
    • CSS reference
  • 🔁Form Behavior Settings
    • Variant settings
      • Form behavior for returning users
      • Group ranking API
    • Navigation sidebar
  • ⚙️Response Data Collection & Management
    • Schema (variables)
      • Variables from questions
      • Externally provided variables
      • Calculated variables
      • API lookups
      • System Library variables
      • Orphaned variables
  • Saving & retrieving responses
  • Importing Data
    • URL parameters
    • POST body
    • Embed query parameters
  • 📊Analytics and Attribution
    • Built-in analytics
    • Split testing
  • 🚀Publishing and Deployment
    • Live preview overview
    • Environments
      • Loading different environments
    • Embedding
      • Web-embed API
        • React-embed
      • Adding authentication
      • Embedding forms in iOS and Android
      • Setting up a dev environment
    • Pre-deployment checklist
  • 📁Workspace Management
    • Accounts
      • Roles and permissions
    • Custom domains
    • Workspace domain detection
  • 🛠️Formsort Admin API
    • Admin API
  • 🔌Integrations
    • Form answers and events
      • Analytics events
      • Signed requests
      • Event payload shape
      • Submission frequencies
      • Runtime error reporting
    • Integration reference
      • Amplitude
        • Amplitude cross domain tracking
      • BigQuery
      • FullStory
      • Google Analytics
        • Updating from Universal Analytics to GA4
      • Google Cloud Storage
      • Google Sheets
      • Google Tag Manager (GTM)
        • JavaScript triggered by flow events
      • Hubspot
      • Jornaya
      • Optimizely
      • PostgreSQL
      • Redshift
      • Rudderstack
      • S3
      • Salesforce
      • Segment
        • Segment Setup
        • Segment cross domain tracking
      • Stripe
      • TrustedForm
      • Webhooks
        • Zapier
Powered by GitBook
On this page
  • Setup
  • Step 1: Create Zap with Webhooks as the first trigger.
  • Step 2. Choose a Trigger Event
  • Step 3: Integrate Webhook in Formsort
  • Step 4. Send test request to Zapier
  • Step 5: Test trigger
  • Step 6: Customize data sent from Formsort to other apps
  • Step 7: Turn on your Zap!

Was this helpful?

  1. Integrations
  2. Integration reference
  3. Webhooks

Zapier

PreviousWebhooks

Last updated 21 days ago

Was this helpful?

Like , is a dynamic integration option to store and send data from Formsort to other Apps. As long as an app is found in Zapier's library, you can use Zapier to seamlessly stream data collected from Formsort forms. That said, we currently do not support direct implementations with Zapier. However, it is simple and effective to integrate with Zapier through a Webhook! Follow the setup below to do just that!

Setup

Step 1: Create Zap with Webhooks as the first trigger.

Adding Webhooks as the first trigger for your Zap will give us the ability to send requests to Zapier through a Webhook integration, within the Formsort platform (more below on how to formally setup this integration).

Step 2. Choose a Trigger Event

The Trigger Event is what occurs once the Webhook receives a request from Formsort. This field has two relevant options, Catch Hook and Catch Raw Hook. These trigger events differ as follows:

  • Catch Hook parses individual fields from the body of the Formsort POST request. This allows you to customize exactly which fields you pass to other apps, and how you structure those fields.

  • Catch Raw Hook leaves the JSON request as-is, and includes all fields, including headers. Data can only be sent to other apps in that raw format.

Most users will want to choose the Catch Hook option. You'll use this option whenever the data needs to be easily comprehensible to human readers. If, for example, you wanted to pass the data to an email or a CMS, this option would serve your needs. If, however, you do want to preserve the response completely intact, Catch Raw Hook would be the preferred option.

For the rest of this walkthrough, we will assume the user chooses Catch Hook

Step 3: Integrate Webhook in Formsort

Now, we need to enable this Webhook within Formsort. First, copy the Custom Webhook URL from the Set up trigger option in Zapier.

If you receive a message that hooks.zapier.com cannot be added as a Webhook, be sure to add the 'hooks.zapier.com' domain in Account --> Security --> Allowed Webhook destinations --> + ADD ANOTHER DOMAIN.

Step 4. Send test request to Zapier

Use Send Test from the Formsort Studio to send a request to the Webhook URL.

Step 5: Test trigger

Back in Zapier, continue to the Test trigger option, and enable a test. Assuming you successfully sent the test to the Webhook from Formsort, the Zapier Webhook should successfully have found a request that contains fields found in the Formsort payload. These should contain fields like answers, responder_uuid, and variant_uuid. And, that's it! Your Zap is now ready to receive data from Formsort, through a Webhook. All that's left to now is to connect your Zap with other apps!

Step 6: Customize data sent from Formsort to other apps

At this point, you will add additional Apps to your Zap to receive form submission data from Formsort. While it is impossible to walk through every possible app you could integrate with, you will find all the individual fields parsed from the body of the Formsort request available in the actions for other apps. Using Slack as an example, the following screenshot shows that individual fields from the form submission data can be accessed and used for any Slack action:

Step 7: Turn on your Zap!

Now that your Zap is ready to receive data from Formsort through a Webhook, and you have other apps integrated into your Zap that will receive Formsort form submission data, it's time to turn your Zap on! You will first need to test whatever actions you setup in Zapier, then you will be prompted to enable your Zap.

If you do not turn your Zap on, then data from published Formsort form flows will not be received. Do not confuse the fact that your Zap receives requests from 'Send Test'

In Formsort, navigate to the Integrations tab for your flow (found at the Flow level, not at the Variant level), and then to the Webhooks option. Choose a posting frequency, then copy the Custom Webhook URL into the Webhook URL field:

After you've connected to Zapier via Webhook, if you have deployed flows previous to the integration, it is advisable to re- those flows.

🔌
Webhooks
deploy
Segment
Zapier
Create Zap with Webhooks as first trigger
Step 2: Choose a Trigger Event
Copy Custom Webhook URL
Paste Custom Webhook URL into Form: Integrations --> Webhooks --> Webhook URL
Send Test to Zapier Webhook
hint
Sending form submission data to Slack through Zapier
Zapier On/Off toggle switch