Growform Multi Step Form Builder
  • Use cases
    • Finance & insurance
    • Professional lead generation
    • Legal
    • Real estate
    • Solar & energy
    • Trades & construction
  • Templates
  • Integrations
  • Pricing
  • Contact us
  • Log in
  • Free trial

Growform API / How To Access Form Submission Data Programatically

Growform doesn’t yet have a public API, but it is possible to programatically access lead information on form submission.

For example, perhaps you wish to show a custom message on the screen or run advanced calculations that can’t be done on Growform.

There are 2 methods of accessing form data in the user’s browser:

1.) Use Google Tag Manager to access the “Form completed” event
2.) Pass form data in the query string to another page

We’ll look at each method in more detail below…

1.) Use Google Tag Manager to access the “Form completed” event

First, you’ll need to set up custom Google Tag Manager containers with Growform. There’s a full guide here (start from “1 – Create or log into your Google Tag Manager account”).

Once you have your containers set up, accessing the data is easy:

1.) Open your GTM parent container and create a new tag. Set the custom tag type as “Custom HTML”, and name it “Console log the fields object”.

2.) Under triggering, choose “Form completed”.

3.) Enter some custom code under “HTML”. In this example, we’ve done a simple console.log(). You can input two curly brackets to choose “Fields (populated on form submission)”.

4.) Hit “Save”, and be sure to publish your container.

Here’s what it should look like:

d8df98092866238c0a19545854e6da8c.png

When you complete a form submission, you should now see the form submission object on your JavaScript console.

2.) Pass form data in the query string to another page

This method seems a little hacky, but can be quite seamless to the user if your code is fast. We’ll send the form information to another page you control and process it there.

To achieve this, choose your form in Growform and hit “Edit form settings”.

Then, enter the URL where you’ll be hosting your custom script / thank you page and ensure “Send form fields through as query parameters” is checked before hitting “Save”:

Finally, on your externally hosted page, you can use JavaScript to get the parameters from the query string.

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new

Post a Comment

Recent Posts

  • We Review The Best Microsoft Forms Alternatives for Better Customization and Control
  • Here’s Our Review of the Best Form Builders For WordPress Sites
  • Our Proven Inbound Lead Generation Strategies To Attract Qualified Leads
  • We Break Down 6 Different Types of Forms & What You Need Them For
  • 6 Essential Mobile Form Design Best Practices for Higher Conversions

Categories

  • Compliance
  • Convertri
  • CRO
  • Form design
  • Google Tag Manager
  • Hubspot
  • Integration
  • Lead generation
  • Lead generation specials
  • Marketing
  • Multi step form design
  • Prospecting
  • Real estate
  • Tools
  • TrustedForm
  • Tutorials
  • Unbounce
  • Unbounce tutorials
  • Uncategorized
  • Using growform

Try Growform Multi Step Form Builder »

Guides

  • Asana
  • Hubspot
  • Instapage
  • Leadpages
  • Unbounce
  • Webflow
  • WordPress

Features

  • All Features
  • Conditional logic forms
  • Conversational forms
  • Embeddable forms
  • Lead capture forms
  • Lead verification
  • Logic jump forms
  • TrustedForm forms
  • Jornaya forms
  • Wizard forms
  • FCC 1-to-1 consent
  • Comparisons

More

  • Affiliate Partners
  • Terms of Service
  • Privacy & GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
  • Growform Glossary: Master Conversion Forms Today
© 2020 - 2024 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch