Push online calculator data into Hubspot form

[savannahlb]

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?

[Kevin-C]

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.

[savannahlb]

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?

[Kevin-C · Accepted solution]

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.

[sharonlicari]

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