Available on: Professional, Business plans
Using your form submissions to trigger Zapier zaps is easy.
In this brief tutorial we will show how to make your form submissions trigger incoming events on Zapier, then use your submission fields to create Google Calendar events from Zapier.
Setting up the Zapier incoming webhook
The first thing to do is to open the zap editor and choose "Webhooks by Zapier".
For the trigger event, select "Catch Hook". That means Zapier will be reacting to events sent from Formspree on each submission.
After clicking "continue" you'll be shown a webhook URL.
Now it's time to do stuff on the Formspree side. This will require you to manage 2 tabs in your browser, for which we hope you have sufficient dexterity. It will also require you to have a form created and set up on Formspree. If you don't yet have one, create it from the dashboard.
At the form's Plugins tab, select Zapier, then in the Zapier screen copy the webhook URL and paste it there in the Formspree Zapier modal. Finish by clicking "Connect".
Now Zapier will prompt you to test your webhook. Don't skip this part! It's necessary to provide context to the Zapier editor and make it easier to wire up your zap. Click on "Test & Continue" and Zapier will start waiting for a webhook to be sent.
If you already have a submission in your form, you can open the Zapier Plugin modal again and click on "Send test" to dispatch send the last archived submission from your form to Zapier.
Or you can manually send a test submission your form normally, from your website, or even using the a form at https://test.formspree.io/ (remember to edit the HTML accordingly).
Creating an event on Google Calendar
Suppose in the steps above we had a form that served the purpose of scheduling appointments with clients and that it contained the fields "name", "date" and "time", which are filled by the clients themselves so they can create an appointment with us.
After submitting our test submission in the last step, we should get a screen like this:
Now we can move forward from the "When this happens" part into the "Do this" part.
There we select Google Calendar, choose "Create detailed event" authenticate with our account. Now we have a big form full of options to fill. In each of these fields we can select the fields Zapier has parsed from our test webhook and mix them with free text.
See how we select these fields using the example values in the video below.
And it's there, our event:
Now we can try submitting the form again with different data to see if they all get created correctly.