Webhooks Example: Zapier

Updated by Austin Hutchison

Example: Setting Up Webhooks With Zapier

The first step when setting up webhook support is to create your destination address for the data. Using a webhook involves supplying Where’s My Order with the URL to send data to. Open a window to Wonderment’s Settings screen, and the webhook screen of your app. 

In our example, we’ll use Zapier’s Webhooks by Zapier trigger to receive data about a stalled shipment, parse it for a verification key, and then send it to a Google Spreadsheet.

First, create a new Zap and pick “Webhook” as the Zap trigger. When you need to select a Trigger Event, pick “Catch Hook”. 

Catch Hook

Click Continue, and Zapier will give you the URL to post to for your webhooks. Copy this URL using the button provided. You don’t need to configure anything else on this step.

Catch Hook

Return to Wonderment’s settings screen. Pick the event type that you’re interested in, and paste in the URL. Click “Add Webhook”

Webhook

The webhook will be listed in the space below. Click “Send Test Request” to send an example request on to the destination platform, to ensure that everything is entered properly. Note - If you’d like to receive data at this webhook address for multiple shipping events, repeat this step for each event you are interested in. You can use the same URL for each event.

Webhook

Each webhook request comes with a security token attached to it as a data field. This can be used to validate that a request was sent from Wonderment to your webhook URL, and not from another source (potentially spam, bot, or whatever etc.) You’re not required to use it, but it can be useful if you’re concerned about data validation. 

Return to Zapier and click “Test Trigger”. If you sent a test request from Wonderment, it should appear here immediately! 

Test Trigger

Here’s a successful test in Zapier: 

Test Trigger

If you’d like to use the secret to filter out any potentially incorrect data, add a Filter Action step below, like this one: 

Filter Action step

Click “Continue” and you can validate that the secret key is the same in your request and your filter. You should see the green status message here. If you don’t, check and make sure you have the same key in the Filter step as shown in your Settings screen. The key is the same for all your webhooks. It is unique per store. 

Filter Action step

Finally, add whatever action steps you’d like to use with this data. For example, you can populate a spreadsheet with data about stalled shipments: 

Postscript


How did we do?