Back

Simple Integration Using WebHooks

Send form data to any application

Webhooks are an easy way for applications to send data to other applications whenever an event occurs. A web hook is sent to a specific URL and carries a message, or “payload”.

StaticForms enables you to create webhook actions to send form data to any URL whenever a submission is received by your form.

To add a new web hook to a form:

  1. In the Forms list, click the “Edit” button of the form you want to edit.

  2. Scroll down to the “Actions” section and click on the “Create Action” button: img

  3. Give your web hook a memorable name and the URL that we should send your form data to: img

When a form is submitted, we'll send the content to the specified URL as a JSON payload:

{
  "FormName": "Contact Form",     // Name of the form
  "SubmissionId": "987654321",    // Unique identifier for this form submission
  "SubmissionDateTime": "",       // UTC date and time that the form was submitted
  "IsSpam": "",                   // Flag to indicate if this submission is spam.  
                                  // Possible values or 1 (Yes), 0 (No) or -1 (Maybe)
  "FormContents":                 // List containing the form fields and their values 
  [
     {
        "FieldName": "Name",      // Field name
        "FieldValue": "Jane Doe"  // Field value
     },
     {
        "FieldName": "Email",      // Field name
        "FieldValue": "[email protected]"  // Field value
     },
  ]
}

If you want to see what this would look like with data from one of your forms, you could try using a service like Webhook.site or Request Inspector.

Both are free services that give you a web hook end-point that you can use for testing. Use one of these for the Web Hook URL to see exactly what the JSON payload from one of your forms will look like.