Embedded Files
Google Forms + Webhook Integration
Make HTTP GET, POST, PUT, PATCH and DELETE requests on Google Form submission.
How to integrate your Google Form with Webhook?
How to integrate your Google Form with Webhook?
You can integrate Google Forms with Webhook using Form Director. Form Director enables you to connect Google Forms with Webhook, allowing you to make HTTP GET, POST, PUT, PATCH and DELETE requests based on form responses.
What is Form Director?
What is Form Director?
Form Director is a Google Workspace add-on that directs data submitted from Google Forms to applications like Google Docs, Forms, Sheets, Contacts, Calendar, Tasks, Email, Trello, Slack, QuickBooks etc.
Installation:
It is available in the Google workspace Marketplace.
Please check installation instructions to install the add-on.
What is Webhook?
What is Webhook?
A webhook (also called a web callback or HTTP push API) is a way for an app to provide other applications with real-time information.
A webhook delivers data to other applications as it happens, meaning you get data immediately.
Google Forms to Webhook: Use Case(s)
Google Forms to Webhook: Use Case(s)
> Make "GET, POST, PUT, PATCH and DELETE" to a webhook url on Google Form Submission.
> Make "GET, POST, PUT, PATCH and DELETE" to a webhook url on Google Form Submission.
Google Forms
Google Forms
Make GET, POST, PUT, PATCH, and DELETE requests on Form Submit.
Make GET, POST, PUT, PATCH, and DELETE requests on Form Submit.
Form Director
Form Director
Webhook
Webhook
Create POST request
Create POST request
Choose Webhook from the list of apps.
Name your service.
Choose Post under services.
Configuring Webhook
Configuring Webhook
Provide Webhook URL
Provide Webhook URL
Please enter the url in which you need to send post request
Create Headers
Create Headers
Configure the headers that need to be send along with the POST request
Create Query Params
Create Query Params
Configure Query Parameters that need to be send along with the Webhook URL
Content Type
Content Type
Content type can be of three types
JSON
Form
Raw
JSON
JSON
Please type in the JSON format in the text box
You can insert Form Field into JSON
Form
Form
Please Specify the Form Content
You have any number of Form content
Raw
Raw
If you need data needs to be sent to the application in raw format use Raw.
Authentication
Authentication
You can do a basic Authentication by providing user name and password
Loading App Fields
Loading App Fields
Click on Load App fields to load dynamic fields that you have entered in the headers, query params and content
you can map these app fields with Form fields or Templated Fields or Calculated Fields
Mapping
Mapping
Steps for mapping from field with Webhook app fields
Click on setup mapping
Choose the form field
choose the app field
click save
Finish setting up
Finish setting up
Save service
You are all set to make a post request to the webhook URL on your Google Form submission
Submit the Form
Submit the Form
Submit the Google Form
See new contact created by Webhook in Active Campaign
See new contact created by Webhook in Active Campaign
Service results
Service results
Users can select the result of a webhook service and map it to a service.
Form Director provides REQUEST and RESPONSE of webhook service output to use in other services.
Users can map these webhook service results either using Service Result or Templated mapping.
Service Result type mapping provides the whole object whether it is REQUEST or RESPONSE.
In Template mapping, users can use the dot(.) operator to access values nested in the REQUEST and RESPONSE of a service result.
Example: ${_Result.SERVICE_1675072285786.RESPONSE.result.uuid}
Service Results via Templated mapping
Service Results via Templated mapping
Choose Templated mapping.
Click on the three dots icon(pick up fields from form).
Choose Webhook results either REQUEST or RESPONSE.
Now use the dot(.) operator to access nested values.
REQUEST contains 'url' and options key. options key contains the 'method', 'content-type', 'headers', and 'payload'.
RESPONSE contains 'code', 'result' etc. the 'result' key has the actual response.
Note: check the below image for reference.
Report abuse