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
  • Posting Frequency
  • Security
  • Shape of the data
  • Testing webhooks
  • Setting up the Webhook Integration
  • Adding multiple Webhook instances

Was this helpful?

  1. Integrations
  2. Integration reference

Webhooks

PreviousTrustedFormNextZapier

Last updated 21 hours ago

Was this helpful?

The most robust way to receive data during a flow's progress and completion is to set up an endpoint for ingesting webhooks. Formsort sends data to this endpoint after a step is completed by the responder.

You’ve reached our technical documentation. You may wish to visit our .

Posting Frequency

The frequency of sending data to the webhook can be configured as:

  • On Finalize: only at the end of the flow.

  • On Savepoint: after each step marked as save point, and at the end of the flow.

  • Every step: at the end of each step (when the responder advances using the Next button), and at the end of the flow.

  • Abandoned: when the responder abandons the flow after a period of inactivity, and at the end of the flow. Formsort recommends using this setting to reduce the load on the webhook.

Security

Formsort backend system will exclusively send webhook requests from the static IP 18.217.92.196.

Shape of the data

The webhook is a POST of JSON data in the following shape:

{
  ...answers,
  "flow_label": string,
  "variant_label": string,
  "variant_uuid": string,
  "finalized": boolean,
  "created_at": string
}

If you'd like the responder uuid to be included, you can give it an alias in the webhook configuration.

It's possible to change the shape of the data, for example to nest the answers under their own key, or put them into an array.

The finalizedfield indicates that the flow has been completed. The value of finalized will betrue when any of the following conditions are met:

  1. All questions in the final step of the form have been answered, submitted, and the user has clicked Next.

  2. User arrives at a step with the Is finalizing? option toggled on.

  3. The user is redirected in the current tab.

Testing webhooks

You can send a test webhook with dummy data for a variant with the Send test webhook button, or just inspect a sample webhook body with the View webhook payload button.

Setting up the Webhook Integration

Formsort makes it easy to get a webhook integration set up. By adding the Webhook URL, Formsort will immediately start sending answer data to the webhook destination at the frequency you've selected.

First, head to the webhook integration menu in your flow

All integrations, including webhooks, can be customized on a per-flow basis.

Adding multiple Webhook instances

To enable multiple destinations, first complete setup for an initial destination (Destination 1). Then, click the "+ Add destination" button. Up to 3 instances can be added.

Once you've finished configuring all instances of your Webhook integration, be sure to Save with the button in the top right corner.

Change the webhook posting frequency to the desired frequency. Refer to for a more in-depth explanation. Once your posting frequency is selected, the menu will open and you can add your Webhook URL.

Add any other configuration options you require (covered in this chapter). If you'd like to add more than one webhook configuration, proceed to . Otherwise, Save the configuration with the Save button in the top right corner. Once saved, Formsort will begin sending the answers it collects from deployed flows to the webhook destination.

If you have deployed flows previous to integrating with your webhook, it is advisable to re- those flows.

There is an option to send answer payloads to multiple Webhook destinations. This is useful if you'd like to share your data across multiple endpoints, or have payloads that are sent at different go to different destinations.

If you have deployed flows previous to integrating with or updating your webhook, it is advisable to re- those flows.

🔌
features page on webhooks
deploy
submission frequencies
deploy
Posting Frequency
Adding multiple Webhook instances
The Webhook integration menu
Adding a Webhook Posting Frequency will open the menu