Can I add a hidden property to submit what URL a user is on upon form submission?

@Ashley I. Thansk for the answer, onto it...

Hi, but can the URL be added as a variable?

If the form was on this page, the url would be:
 

I’m using the same form on several pages but I want the know the URL where the form is completed.

Is this possible? How? :)

Thanks

Kind regards,

Tim

Hi there @MisterBarish, 

Thanks for sharing your question with us! 

Unfortunately, a dynamic URL can’t be captured on form submission, so it is best to follow @Ashley I.’s superb advice above and having different forms for each page and passing the unique, static URL upon form submission. As the URL will pass as a property, it will be added to their profile and you can segment off of this data accordingly.  

Thanks for sharing your question with the Community!

-Taylor

@Taylor Tarpley please consider adding dynamic URL capture on form submission. We have this pop up on all our pages (main page, product pages, blog posts) and we’d love to see where people are signing up. It doesn’t make sense to create a new form for each page

If you’re using Shopify, here are the details you need to capture the URL that a customer was on when they submitted your form.

1. On your form, click to edit the submit button.  Under “Submit Hidden Fields”, create a new field and set its value.  On this example, I created a Profile Property called “url_visit” and set the Value to “NA”.  Save and publish your changes. 

   

    

2. On your Shopify account, go to Online Store > Themes.  Make a backup copy of your theme first.  Then, click on the … next to “Customize” and select “Edit Code”.  Look for and open the file called “theme.liquid”.  On the Theme.liquid file, scroll down to the </body>.  Just above the </body>, paste this code:

<script>
  window.addEventListener("klaviyoForms", function(e) {

  if (e.detail.type == 'submit') {
    var _learnq = window._learnq || [];
    var url_visit = window.location.pathname;
    
      _learnq.push(['identify', {
        'URL Visited' : url_visit
      }]);
  } // if
}); // addEventListener
</script>

Once pasted, click SAVE in the upper right.

Visit your website and test by filling out your form.  Once the form is filled out, look at your Profile in Klaviyo.  You will see the new information listed under Custom Properties.

If you want to see the URL listed differently, here is a good resource.  Simply look for “pathname” in the Script code above and change it to one of the other variables listed here. https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript

Hi @rreno,

This script should work regardless of form name and how the signup form is implemented?
I have a embeded form on many different shopify pages in different folders (lanuguage) and i want to identify customers based on the url they used.

@Jakub Yes, the scripts works regardless of the form name.  Make sure your forms have the hidden field url_visited and the pre-defined value of “NA”.  The script will overwrite the pre-defined field with the URL.

Thx @rreno so this not overwrite the url_visit property just use it as trigger and create new one with url value right?
 

Thx @rreno so this not overwrite the url_visit property just use it as trigger and create new one with url value right?
 

 

Correct, it only overwrites the value.