Hi all,
I’m struggling now to pass an hidden value into a field with Typeform.
My actual value is loaded not on the loading of the page but after a loading of one external javascript and create a parameter to my url : example : ?custom=XXXXX
But when I create some script with PHP or Javascript to catch this parameter, it’s blank because the value is created after the page loading.
Is there any chance to pass this value into my form. If yes how could it be done ?
Thanks by advance for your help
Best answer by mathio-tf
Hello
you will need to use out embed SDK to embed your typeform asynchronously when your hidden field value is available. You can use JavaScript code like this one:
<div id="wrapper"></div>
<link rel="stylesheet" href="//embed.typeform.com/next/css/widget.css" />
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
function loadMyHiddenFields(callback) {
fetch('/api/hidden-field')
.then(res => res.json())
.then(callback)
}
function initTypeform(data) {
window.tf.createWidget('<form-id>', {
container: document.getElementById('wrapper'),
hidden: { myHiddenField: data.value },
})
}
loadMyHiddenFields(initTypeform)
</script>
+5Hi
Hi
Hi
Here’s an example of my typeform with an hidden field and the javascript loading on the page.
But I’m struggling to put in because the code loads after the typeform html.
Thanks by advance
+5Thanks
+5Hello
you will need to use out embed SDK to embed your typeform asynchronously when your hidden field value is available. You can use JavaScript code like this one:
<div id="wrapper"></div>
<link rel="stylesheet" href="//embed.typeform.com/next/css/widget.css" />
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
function loadMyHiddenFields(callback) {
fetch('/api/hidden-field')
.then(res => res.json())
.then(callback)
}
function initTypeform(data) {
window.tf.createWidget('<form-id>', {
container: document.getElementById('wrapper'),
hidden: { myHiddenField: data.value },
})
}
loadMyHiddenFields(initTypeform)
</script>
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
