What is a Webhook?

Webhooks are user-defined HTTP callbacks (a piece of small code linked to the web applications) which are triggered when a specific event takes place. For example, if a user signs up to a website (www.example.com) then an automated call configured to ask the server to send the welcome message.

In other words, Webhook is the easiest way that apps can send automated messages or information to other apps.

How Add a Webhook in FormGet?

1. Log on to Zapier and make a new zap.

2. Choose Webhook from the given applications.

Setup Webhook With Form

3. Click on “Choose Trigger Event” and select “Catch Hook”. Then click on Continue.

Setup Webhook With Form

4. Copy the Custom Webhook Url and paste it into Form Builder.

Setup Webhook With Form

5. Open your Form Builder account. Go to Integrations then click on Webhooks. Now paste the copied URL there.

Setup Webhook With Form

6. To test the integration, you have to submit the form then go back to Zapier and click on “Test & Continue“.

Setup Webhook With Form

7. Your hook is created. You can see your form submission there.

Setup Webhook With Form

8. Now it’s time to connect your another app for integration. Click on the “Do this…” section.

Setup Webhook With Form

9. Now you have to select the application that you want to connect. Here we are selecting Google Sheets to connect with our form. So that after the integration, form submissions will automatically be recorded in the Google Sheet as well.

How

10. Now click on “Create Worksheet”. And click on Continue.

Setup Webhook With Form

11. Choose your Google Account in which you want to create a sheet then click on “Continue”. Now select that sheet from the dropdown.

Setup Webhook With Form

12. After this, give it a suitable title and define the header rows then map them to the form fields from the form with the “+” menu to the right of the input.

Then, click on Continue.

Setup Webhook With Form

13.  Now that we’ve set up our Google Sheet with our form fields, it’s time test that it will allow us to send our form data to it. Click on “Test & Continue”.

Now your Zap is ready and you have to turn it on.

Submission Payload?

Webhooks POST a JSON payload on submission to the webhook URL. The JSON payload looks like the following:

{
    "form_id": 123456789,
    "ticket_id": 79879873434,
    "ip_address": "103.82.99.19",
    "submission_date": "2019-05-16 09:25:55 (GMT)",
    "First Name (6)": "Jhon",
    "Last Name (7)": "Doe",
    "Email (8)": "[email protected]",
    "Number (9)": "9181716151",
    "Single Line Text (10)": "Some single line text",
    "Multi Line Text (11)": "Some multi line text",
    "Date (12)": "01-01-2010",
    "Add Your Products (13)": [
        "Product 1",
        "Product 2",
        "Product 3"
    ],
    "new_payment(13)": "$15",
    "Dropdown (15)":"Second Choice",
    "Multiple Choice (16)": [
        "First Choice",
        "Second Choice",
        "Third Choice"
    ],
    "Select a Choice (17)":"First Choice"
    
}