Include hidden fiel after load

Hi @AurelienB Could you send the URL where you have the form/script so we can take a look at your set up? Thanks!

@mathio may also be able to help with this one

Hi @Liz hope you’re doing well.

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.

https://sms-s.fr/type.html

Thanks by advance

Thanks @AurelienB ! In the URL, I don’t see an option for a hidden field. How is it being passed through the Javascript? I’m not seeing that either (though I could be completely missing it). 

Hello @AurelienB 

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>