`data-tf-hidden` not working on live embeds | Community
Skip to main content
Answered

`data-tf-hidden` not working on live embeds


Using the new ‘live’ embed code I can’t seem to set hidden fields directly in the snippet.

I’m doing this:

<div
  data-tf-live="<embed-id>"
  data-tf-hidden="user_id=123"
></div>
<script src="//embed.typeform.com/next/embed.js"></script>

But when the page loads, the actual widget embed generated inside that div contains data-tf-hidden=“user_id=”, and the form submits with an empty value for that field.

Best answer by mathio-tf

Hello @culturedays and @Liz , unfortunately this is not supported at the moment.

If you need to pass specific hidden fields values to your embedded forms I suggest your use our embed SDK directly.

We do plan to address this issue in future, however I can not give any dates at the moment.

View original

5 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • August 31, 2023

Hi @culturedays Could you share the URL where you have the form embedded? Thanks!


  • Author
  • Explorer
  • 2 replies
  • August 31, 2023

Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 14840 replies
  • August 31, 2023

Thanks! @mathio do you know anything about hidden fields with the new live embed?


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • September 4, 2023

Hello @culturedays and @Liz , unfortunately this is not supported at the moment.

If you need to pass specific hidden fields values to your embedded forms I suggest your use our embed SDK directly.

We do plan to address this issue in future, however I can not give any dates at the moment.


  • Author
  • Explorer
  • 2 replies
  • September 4, 2023

@mathio thanks, I switched to using the embed SDK and it’s working great. It would be helpful if you added a note about this to your documentation.


Reply