I have a lead capture form on my landing page that gets traffic from Google Ads. The form already has a fixed submission endpoint that I cannot modify.
My issue: I want to send the same form data to multiple places but I can only use Google Tag Manager and Google Analytics.
What I’m thinking: Maybe I can use GTM to capture the form data and push it to a Zapier webhook through some custom script. Then Zapier could distribute this data to different services I need.
My questions:
Can GTM actually do this kind of webhook integration?
Are there other ways to duplicate form data and send it elsewhere without breaking the original form workflow?
I need to keep the original form working exactly as it does now while secretly copying the data to other destinations. Any ideas would be helpful.
Indeed, it’s feasible to use GTM for forwarding form submissions to a Zapier webhook. I’ve implemented this for clients needing their form data sent to multiple destinations. The key is to create a custom JavaScript variable that captures the form fields upon submission. Then, utilize a custom HTML tag to POST that information to your Zapier webhook. Ensure that your GTM trigger for the form submission fires after the original form processes to avoid any disruptions. It’s also wise to incorporate error handling for the webhook to prevent any unintended consequences on the form’s functionality. This method allows your original form to operate seamlessly while you send data to additional endpoints.
This works great. I’ve run this setup for six months - GTM grabs form submissions and sends the data to our CRM through Zapier webhooks. Set your trigger to fire on form submit, not page changes, since many forms use AJAX. Create a custom JavaScript variable for the form field values, then use a custom HTML tag with a fetch request to POST everything to your Zapier webhook. Two gotchas: use async requests so you don’t slow down the original form submission, and test like crazy because form validation errors can mess with data capture.
for sure, gtms good for this! i did a thing where i made a custom html tag that runs on form submit. use js to grab the data and send it to zapier with fetch or XMLHttpRequest. just trigger it after the form submits so no lag for users!