topic Re: Push online calculator data into Hubspot form in CMS Development

Push online calculator data into Hubspot form

savannahlb — Thu, 28 May 2020 16:12:01 GMT

We're looking to take results from an interactive online calculator and push it into a Hubspot form, so users can then receive an email containing their results. Anyone know the best way to do this?

Re: Push online calculator data into Hubspot form

sharonlicari — Tue, 02 Jun 2020 11:13:59 GMT

Hey @savannahlb

Thank you for the information provided.I'll tag a few experts that can share their experience with you.

Hey @Anton @Jsum @BenSBM any thoughts you would like to share with @savannahlb?

Thanks

Sharon

Re: Push online calculator data into Hubspot form

Kevin-C — Tue, 02 Jun 2020 15:14:45 GMT

Hey @savannahlb

If this calculator is hosted on your page you can use hidden fields in a form to save data to the contact record.

If this calculator is not on one of your pages I don't think there is a user friendly way to do this.

Re: Push online calculator data into Hubspot form

savannahlb — Wed, 03 Jun 2020 14:59:37 GMT

Thanks, Kevin! This is what Marketo told me when we were using them. My question is, how do we get the hidden form to pull information from the calculator?

Re: Push online calculator data into Hubspot form

Kevin-C — Wed, 03 Jun 2020 15:35:32 GMT

Hey @savannahlb

They are possibly a few methods.

@psdtohubspot's post while back about this here.

They suggest taking a look at these articles on the subject:

https://developers.hubspot.com/manipulating-forms-with-jquery

https://knowledge.hubspot.com/forms/pass-contact-property-values-with-hidden-form-fields

Your page was developed with the object tag so I think you'll need a function to traverse that DOM like an iframe and pull the data from the fields with the ids of "roi" and "avg_monthly_benifit" and populate the hidden fields in your form with said data.

To fire this function I would imagine might be the user filling out the contact form with the hidden fields. I might use a on change event to trigger the function. This would ensure that the data is caputred before the form is submitted.

Word of caution:

The mentioned funciton and event above will trigger whether or not the user actually used the calculator.