contact details in hidden fields from an optin

Hi ​@john289 What kind of opt-in are they filling out on the website? Or is that an ActiveCampaign opt-in? 

If you have the URL so we can take a look, that would be great!

Hi Liz, Thanks for your response! It is an optin get goes into ActiveCampaign. My question is about how to get the contactdetails of the optin directly into the emded on my website where they are directly send to. So that the contactdetails come into the hidden fields. The URL to the webpage https://leiderschapmetimpact.nl/whitepaper-nieuw/  

Looking forward to your response. 

Thanks, ​@john289 ! I realize I should have specified - do you mind sending the URL where the thank you page is located? That’ll help me see the embed!

Or if you don’t mind me filling out your optin, let me know!

Hi Liz, 

No problem filling out the optin on https://leiderschapmetimpact.nl/whitepaper-nieuw/  This page is still under construction and not public. 

This is the Thank you page which pops up after filling out https://leiderschapmetimpact.nl/bedankt-tf1/ 

This is the backsite of this page with the embed link https://app.phoenixsite.nl/v2#/pages-builder-3/7770693

And this the embed code <div data-tf-live="01JCG4M74B90MFWCQ0HZWBHK9B"></div><script src="//embed.typeform.com/next/embed.js"></script> 

Does that help? 

Thanks! ​@mathio , for the second link, the hidden field information is missing in the code, right? Or am I looking at it incorrectly? 

Hi Liz, looking forward to hearing what might be incorrect in the code, 

Hello ​@john289 

I am not 100% sure I understand what are you trying to achieve.

Do you want to pass hidden fields to your form? If yes, you can pass hardcoded values directly to your embed code. If thats not the case, you can read value from query params of your website - you seem to have that enabled for your embed code, you just need to pass the data in query params to the page with your typeform.

Alternatively you could pass the data with JavaScript directly to the embed, so it is not visible in the URL, in case the data is more sensitive.

Hi Mathio,

Thanks for your message.

Answering your question, I want to pass first/lastname/email from an optin to the embed code so that these contact details are passed to the Typeform.

My assumption is that this is easy by making an ‘embed code for website’ in Share panel and put this as an iframe on a Thank you page. So that these contact details come into the hidden fields of the Typeform. Is that  the case?

Or do we need reading values from query params? How can we do that?

Or passing the data via Javascript to the embed? How can we do that?

What do you mean by “optin”? is it the form with name / surname / email fields that opens in a modal window?

After I submit the form I am redirect to this page:

https://leiderschapmetimpact.nl/bedankt-tf1/?pagese=aa3eb4ccb6b27a1e2abe9e9e532dcdc5e81aae08e942d86f2a326b3b62902a90

The simples approach would be to pass those values in query params in this URL, your form will pick them up automatically. You will need to pass them like this:

https://leiderschapmetimpact.nl/bedankt-tf1/?pagese=aa3eb4ccb6b27a1e2abe9e9e532dcdc5e81aae08e942d86f2a326b3b62902a90&email=john@example.com&firstname=John&lastname=Doe

Alternative approach, if you have technical skills, would be to load those values on thank you page with JavaScript (if you have them available when rendering the page or can fetch them via an API call) and then pass them to embed SDK programmatically. 

Hi ​@john289 I hope you’re doing well! Were you able to utilize the ideas above? Let us know if you’re still having trouble!