Work with webhooks

A webhook defines the destination for the form data. You can connect to a third-party product, such as Connect or Zapier, in order to create workflows.

In form editor, you can edit the form settings and webhook settings for a specific form.

Tip

You can also access and manage all your webhooks on the Webhooks tab, on the top menu of the dashboard.

Choose a webhook

You can choose a webhook from a list of webhooks that have been previously defined in Forms. If the webhook you need isn't available, then you can create a new webhook.

To select a webhook for your form:

  1. Open a form in the form editor.

  2. On the top menu of the editor, click Settings.

  3. Click the Choose webhook drop-down list and select one of your previously defined webhooks.

  4. Click Add.

Create a webhook

If the webhook you need isn't already defined, you can create one.

To create a webhook:

  1. Open a form in the editor.

  2. On the top menu of the editor, click Settings.

  3. On the Settings page under the Webhook field, click Manage webhooks.

  4. Click Add.

  5. On the Create Webhook page, fill in the fields, depending on the chosen authentication type:

    • Authentication Type - choose between OAuth 2, Basic, Api key, or No authentication (not recommended).

    • Name - enter the name of the webhook.

    • URL - the destination of the transferred data.

  6. Click Submit.

    You will receive a notification stating if the webhook was created.

Test a webhook

We recommend that you submit the form data to the webhook to test it before you activate your form.

To test a webhook:

  1. Open a form in the editor.

  2. On the top menu of the editor, click Settings.

  3. On the Settings page under the Webhook field, click Test webhook.

  4. Your form is displayed. Fill in the fields and click Submit.

  5. Inspect the Test Form Submission dialog, which shows the URL that the data from your form will be sent to, the payload (the data that’s being transported), and the request headers (the format of the message).

    Note

    The data will contain the code line "test": true, which will enable you to filter out test data from customer data.

    The Test Webhook page showing the payload.
  6. Click Submit.

A notification message will inform you if the test was successful.

Tip

You can also test a webhook in preview mode.

Edit a webhook

If the destination URL for your data changes, you might need to update your webhook.

To edit a webhook:

  1. Open a form in the editor.

  2. On the top menu of the editor, click Settings.

  3. On the Settings page under Choose webhook, click Manage Webhooks.

  4. On the Webhooks page, navigate to the webhook that you want to delete and click More > Edit.

  5. In the webhook dialog, you can edit:

    • Authentication Type

    • Name

    • URL

  6. Click Submit.

Delete a webhook

Note

You can only delete webhooks that are not already used by a form. Webhooks that are being used are marked as In use on the Webhooks page.

To delete a webhook:

  1. Open a form in the editor.

  2. On the top menu of the editor, click Settings.

  3. On the Settings page under Choose webhook, click Manage Webhooks.

  4. On the Webhooks page, navigate to the webhook that you want to delete and click More > Delete.

Do you have some feedback for us?

If you have suggestions for improving this article,