Webhooks

Webhooks allow you to send data from your App. You can add a webhook to any Page Block by clicking 'Send Data':

A Webhook is made up of two parts: 

• URL: The universal resource locator (URL) is the location on the internet where your webhook will send data to; and
• Parameters: The individual pieces of data you send/pull with your webhook. Parameters are made up of Key and Value pairs, where keys are labels and value is the content.

It's relatively easy to send data from your app to Zapier, and from Zapier you can send your data to a huge variety of web apps.

Step 1. Sign up to Zapier

Zapier has a free plan that allows you to create up to 5 different Zaps.

Step 2. Make a new Zap

After you click "Make a Zap!", select "Webhooks" from the list of options:

After you click "Webhooks", select "Catch a Hook":

Step 3. Test your Zap

After you select "Catch a Hook", Zapier will prompt you to test out your new Zap. To do this, we're going to copy the URL they provide us and paste it into the webhookd URL input field in the App Builder:

Fill the Key and Value for at least one parameter in your webhook. Here is what Key and Values look like if you want to send data collected from a text and checkbox questions:

Now your Zap is ready to test. Run your app at least up to the point where the webhook is triggered. After you run your app, go back to Zapier and click "Ok, I did this":

You should see the data from your app:

In the image above, notice the label "querystring_Name"? Remember how we set the Key for our webhook parameter as ‘Name’? Well, that’s where that value shows up. This is why it's important to give your webhook keys clear, understandable names.  

Step 4: Complete your Zap

You are now successfully sending data to Zapier. Remember, Zapier is just a conduit. Click "Continue" to finish your Zap by selecting a Zapier "Action" (this will determine where you data ultimately goes).

We don't provide documentation for Zapier Actions. Zapier does a great job describing how Actions work.