Hi,
I have created a type form that has hidden fields, now I want to embed the form on an HTML page on my bed site.
But I am now sure how the query string will work and read the parameter values.
Currently, the form is not able to read the parameters' values, please help me on this.
Answered
Embedding
Best answer by mathio-tf
In that case it looks like you want to pass values to hidden fields from host page URL. Your code would look like this:
<div
data-tf-widget="<form-id>"
data-tf-transitive-search-params="name,email"
></div>
<script src="//embed.typeform.com/next/embed.js"></script>
+5Hi
try embedding on a website, not your bed site 🤣
Sorry. On a serious note now: When you embed, you can
- pass hidden field values manually via
data-tf-hidden/hidden, or - pass values from host page URL by listing their names in
data-tf-transitive-search-params/transitiveSearchParams.
Hi
Thanks for responding.
Yes I know that we can pass value in data-tf-hidden="name=xxxxx,email=xxxxx" and this work well if I use typeform URL but if we embedding it on HTML not able to pass values from query string to data-tf-hidden="name=xxxxx,email=xxxxx".
It would be a great help if you can share a sample code for html page for dummy URL below.
https://domain.com/page.html?name=xxxxx,email=xxxxx
+5In that case it looks like you want to pass values to hidden fields from host page URL. Your code would look like this:
<div
data-tf-widget="<form-id>"
data-tf-transitive-search-params="name,email"
></div>
<script src="//embed.typeform.com/next/embed.js"></script>
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.