unique code for each submission?

Hi @Yi Xuan It isn’t currently possible to pass the Response ID out of the form through hidden fields since it isn’t generated until the submit button is clicked. :( Though, I can share this feedback with product!

Hi @Alba. Happy Thursday! 

I moved your question here where the answer is. Let us know if you have any other questions =)

Hi,

Has anyone managed to figure out solution for this one? Really need one

Thanks, @andrew_videoask ! Let us know how this goes for you, @ValdemarQ !

Hi @Farishhta I’ve added your post here where we have the answer! One thing to note - the form won’t save responses until the respondent clicks the submit button. So, if you have a form that has multiple stages, I would suggest splitting up the form and tying them together like this. 

Here’s a workaround:

1. Create a hidden variable in your typeform (e.g. tf_user_id)
2. Generate a random user ID on the page that embeds your typeform
3. Pass the random ID into your typeform
4. (Optional) Redirect a user to a URL that includes the hidden variable as a parameter, in case you need to use it later

The code below should do the trick.

<div id="typeform-div"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  // Generate a random ID
  const timestamp = new Date().getTime();
  const randomNum = Math.floor(Math.random() * 1000000000);
  const randomId = `${randomNum}`;

  // Create a new div element with the random ID
  const divElement = document.createElement('div');
  divElement.setAttribute('id', randomId);
  divElement.setAttribute('data-tf-widget', 'YOUR_TYPEFORM_ID_HERE');
  divElement.setAttribute('data-tf-opacity', '100');
  divElement.setAttribute('data-tf-iframe-props', 'title=Your Typeform Title');
  divElement.setAttribute('data-tf-medium', 'snippet');
  divElement.setAttribute('data-tf-hidden', 'tf_user_id=' + randomId);
  divElement.setAttribute('style', 'width:100%;height:500px;');
  

  // Append the div to the "typeform-div" div
  const typeformDiv = document.querySelector('#typeform-div');
  typeformDiv.appendChild(divElement);
</script>

@Liz 
I hope you are well.
I have seen an answer from 2 years ago to the question if its possible to have a "unique code for each submission?". So in the responding email that a submission gets they can have a unique number showing.
Do you know if this is possible yet?
Best
Ian

I’m also looking for this solution.

Hi @CArnold Thanks for stopping by! Have you tried accessing the Response ID yet? 

Ah got it, @CArnold . I’m afraid we don’t have a feature like this (or one coming in the near future), but it might be worth giving this workaround a try:

<div id="typeform-div"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  // Generate a random ID
  const timestamp = new Date().getTime();
  const randomNum = Math.floor(Math.random() * 1000000000);
  const randomId = `${randomNum}`;

  // Create a new div element with the random ID
  const divElement = document.createElement('div');
  divElement.setAttribute('id', randomId);
  divElement.setAttribute('data-tf-widget', 'YOUR_TYPEFORM_ID_HERE');
  divElement.setAttribute('data-tf-opacity', '100');
  divElement.setAttribute('data-tf-iframe-props', 'title=Your Typeform Title');
  divElement.setAttribute('data-tf-medium', 'snippet');
  divElement.setAttribute('data-tf-hidden', 'tf_user_id=' + randomId);
  divElement.setAttribute('style', 'width:100%;height:500px;');
  

  // Append the div to the "typeform-div" div
  const typeformDiv = document.querySelector('#typeform-div');
  typeformDiv.appendChild(divElement);
</script>