Get the URL of the typeform page to results

<div id="tf"></div>
<link rel="stylesheet" href="//embed.typeform.com/next/css/widget.css" />
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  window.tf.createWidget('<form-id>', {
    container: document.getElementById('tf'),
    hidden: { url_form: window.location.href }
  });
</script>

@jeremielp thank you very much, that works. But I would like my form to be embedded in a slider format. My slider view code is:

<div data-tf-live="01HM2CYB1HZV6VWWG3XYTK4K7D"></div><script src="//embed.typeform.com/next/embed.js"></script>

How can I make it so that after filling out my form from this view, it automatically collects information about the page on which the form is being filled out?

Cześć @maksrybicki 

this is possible only by using the Typeform Embed SDK directly, not via snippet from the share page (the code you shared).

You can use a code like this to embed your typeform as slider:

<a href="#" id="tf">Aplikuj</a>
<link rel="stylesheet" href="//embed.typeform.com/next/css/slider.css" />
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  document.querySelector('#tf').onclick = (event) => {
    event.preventDefault()
    window.tf.createSlider('fhRL6nmN', {
      hidden: { url_form: window.location.href }
    }).open()
  }
</script>

Hope this helps. 

<a href="#" id="tf">Aplikuj</a>
<link rel="stylesheet" href="//embed.typeform.com/next/css/slider.css" />
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  document.querySelector('#tf').onclick = (event) => {
    event.preventDefault()
    window.tf.createSlider('fhRL6nmN', {
      hidden: { url_form: window.location.href }
    }).open()
  }
</script>

@mathio It works! Thank you very much!!! :)

Hello @mathio thanks a lot for the proposed solutions so far.

However, I’m looking for a way to make it work using a popup, not just a regular embed or slider. What would be the modifications needed to make this work?

Thanks a lot!

Hello @Robbie7 

you can do that by reusing the very same code. All you need to do is replace the “createSlider” method name with “createPopup” in the JavaScript code (and of course using you own form ID instead of “fhRL6nmN”).

Good luck!

You’re the best, thanks so much!

Let us know how it goes, @Robbie7 !

edited to delete, got it working, it just loaded weird first time using the different embed code. thanks for your help y’all

Glad to hear it, @uxie ! Let us know if there’s anything else we can help with. 😀

Hi ​@mathio-tf,

How can I apply this to a side-tab? I've tried to replace “createSlider” to “createsidetab” but it doesn't work.

Can you help?

Thanks in advance.

Hi.

I am really struggling with the code to embed my typeform in a side tab. I need to get the url from the page where the form is submitted and I have tried this (for slider):

<a href="#" id="tf">Test</a>
<link rel="stylesheet" href="//embed.typeform.com/next/css/slider.css" />
<script src="//embed.typeform.com/next/embed.js"></script>
<script>
  document.querySelector('#tf').onclick = (event) => {
    event.preventDefault()
    window.tf.createSlider('tKpyHcNF', {
      hidden: { url_form: window.location.href }
    }).open()
  }
</script>

 I have tried to change “createSlider” to “createSidetab” but it doesn't work.

Any thoughts?

Thanks in advance.

Hi Liz, 

Can you help us with this?

How can I apply this to a side-tab? I've tried to replace “createSlider” to “createsidetab” but it doesn't work.

Thanks in advance.

Hi ​@ColorOnYou I’ve added your post here where we have an existing conversation! Since this workaround code was created by ​@jeremielp , you’ll want to ask them for additional help with it!