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 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

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

@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?
 

 

Correct, it only overwrites the value.

@Jakub

I see the confusion.  I probably should’ve labeled them differently.

URL Visited is what you should be using in the form(s) in Klaviyo.

url_visit is used on the javascript coding to capture the information from the customer’s browser.
Here is where it is defined “var url_visit = window.location.pathname;”.  This line says to set the variable called url_visit equal to the window path (aka the URL)

I hope that helps.

@rreno How can we get dynamic page url as we use wordpress platform and try to get page url using API. Can you please provide script for that?