Using Gatsby Webhooks To Integrate With Your Form

Your Gatsby account comes with a unique webhook URL and an easy way to map the field IDs for Email Address and Instagram Username. If your form solution supports webhooks, like how Privy, Typeform, and Wisepops do, then read below.

If you're not sure if your form supports webhooks, please ask the form provider or reach out to us to check.

For anyone unfamiliar with webhooks, they are essentially a way to pass data from one place to another when an event happens, like when a form is submitted which we'll go over below:

How to setup your webhook:

  • Navigate to the Integrations Tab >> Webhook

  • Either use the default field ID's in your form, or enter new field IDs that map to those field ids in your form, ie Instagram Username could be mapped to a field ID called "handle" and TikTok Username mapped to a field ID for "thandle".

  • Click "Save" and click the "Update Campaign" or "Launch Campaign" button in the header of Gatsby

Even if you're only asking for Email and IG for example, you still need something entered for all these fields.

Now anytime someone submits your form, their email address and Instagram username will pass to your Gatsby account (in addition to wherever else you have your form submitting to).

For more examples of Webhooks in practice, see our guide on Connecting Gatsby with Zapier and Connecting Gatsby with Wisepops.

Let us know if you have any questions!