How to use webhooks?

Webhooks allow you to send form data to other services (like Zapier, Make, N8N, or your own server) whenever a form is submitted.

Setting up a webhook

1. Go to your form settings.
2. Navigate to the Connect tab.
3. Select Webhook.
4. Enter the URL where you want to send the data.
5. Click Save.

Payload format

When a form is submitted, CustomGForm sends a POST request to your webhook URL with the following JSON payload:

{
  "formId": "cl...",
  "submittedAt": "2023-10-27T10:00:00.000Z",
  "data": [
    {
      "id": "336300422",
      "label": "Email",
      "value": "[email protected]"
    },
    {
      "id": "1099746086",
      "label": "Name",
      "value": "John Doe"
    }
  ]
}

• formId: The ID of the form.
• submittedAt: The timestamp of the submission.
• data: An array of fields with their IDs, labels, and submitted values. id is the field ID (without type suffixes).

Testing your webhook

You can use a service like Webhook.site (opens in a new tab) to generate a test URL and inspect the payload sent by CustomGForm.