Webhook Generator | Integrating with Zapier & Beyond

  Print

Webhook Generator | Integrating with Zapier & Beyond

After your form is up and running, you might want to send your submissions somewhere outside of JotForm.

You can generate a webhook to instantly send form submissions to another app, or have a submission automatically trigger a workflow. ⚡️

You might be using a no-code solution like Zapier to automate these processes.

Raw JotForm submissions store Simple Select responses in JSON format, which doesn't play nicely with Zapier or other API automation builders like Integromat. The On2Air Forms Webhooks Generator will format submissions for you, so you can use Simple Select responses in your automations.

This tutorial below specifically shows how to use our On2Air Forms Webhook Generator + Zapier. If you are sending responses using another tool, you can appropriate these instructions for whatever you're using.

Setup


Webhook Setup

Requirements:

Generate the webhook

  1. Create a new Zap. Choose the Webhooks by Zapier Catch Hook trigger. Click Save + Continue. In the Edit Options section, it will prompt you to Pick off a Child Key. Leave this blank and Continue again.


    df1476a0797ce5bb4d0cf93edc06d75d78a7992e?t=ff3fc3cf302721af5909d9ee83fda4c9


  2. Zapier generates a custom webhook URL for you starting with https://hooks.zapier.com. Copy this webhook URL.


    568dc3373c19a8957760657ba4c92f36b4bf584d?t=4a96df4a39168fa3581b4bd8ffd71e86
  3. Navigate to the On2Air Forms Webhook Generator. This link will take you to a landing page prompting you for your Zapier webhook. Paste your Zapier webhook and click SUBMIT. A pop-up will appear with a custom On2Air-enabled webhook. Copy this new webhook.


    8868368fd1a42f133b06e0052213359755ec0d93?t=19453f147f320daa2ccc868defd18277
  4. Select your form in JotForm and go to Edit Form > Settings > Integrations. Find the WebHooks integration.


    63b065f779e382d8bf5ac78ff738483979f77e46?t=2d0a0af93e57b7da88cdb1f0acb53754
  5. Click on the Webhooks tile. It prompts you to add a webhook. Paste the New URL from previous step into the box, and click Complete Integration.

aa967f530f35ec444e9ad52ff02cbf63e6ba9e92?t=c39de951547db926e9fe015b376b700f

Pull in a Sample


  1. Return to your Zap. Click Ok, I did this to move to the next step. Zapier immediately starts searching for sample data to pull into the Zap.
  2. Return to your JotForm and submit a test form response. Once you submit your JotForm, you'll see Zapier immediately catch the new hook that was fired. Click Continue.

3dd85e08c0bfb2912f7550f3ea06ef3a083c8b3f?t=e9b54c71b0a70c1629356753d1612a25


Finish your Zap!

You can then use the data returned from the webhook for further set up of your Zap, just as you would with any Zapier trigger.

By default, the webhook payload captures the Display Field and the Record ID from the record(s) selected in the Simple Select field. If you'd like other fields to be returned as well, add them to the Value Fields section of the Simple Select widget settings.

A Common Use Case: Updating a Record in Airtable with Form Responses

  1. Add the Airtable Update Record or On2Air Actions Update A Single Record action step to your Zap.
  2. Choose the appropriate Base and Table. For the Record that you'd like to update, choose Use a Custom Value (advanced).
  3. In the Custom Value for Record ID field that appears, use the Record ID value returned from Catch Hook trigger.
  4. Use the other form responses from the Catch Hook trigger to update that record's fields.
See also: Openside's On2Air Actions knowledge base

Multiple Selections: Increase Functionality with On2Air Actions

Sometimes the default Airtable Zapier connector isn't enough. Use Openside's On2Air Actions Zapier connector to insert or update multiple records in your Airtable base. (This is especially useful if you are allowing users to select multiple options in your Simple Select field.)



Did you find this article useful?   0 out of 0 people found this article useful.

Related Articles