Push online calculator data into Hubspot form

SOLVE
Highlighted
New Contributor

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?

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Regular Advisor | Partner

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.

4 Replies 4
Highlighted
Community Manager

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


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
Highlighted
Regular Advisor | Partner

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.

Highlighted
New Contributor

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?

Reply
0 Upvotes
Highlighted
Regular Advisor | Partner

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.