Webflow forms make it easy to collect customer information on your website, and converting a form into a symbol means you can use the same form on many different pages. This way, if you ever want to update a form (such as add or remove a field), you don't need to go from page to page and update every single one.
But what if you want to know the page that a customer submits your form on? If you're using the same symbol across many different pages, when someone submits the form you won't be able to tell which page they submitted it on. Because of this, you're going to have to add some custom code that checks the page, and adds that url as a part of the form submission.
This is the result we are looking for, with the page being submitted as a piece of data along with the rest of the users info.
There are a couple of ways to make this happen, but let's look now at the simplest way of implementing it.
The Custom Code
Let's add some custom code in to make things work. First, you want to add in an embed block anywhere in your form, but feel free to keep it below all the other forms fields to keep things tidy.
Here's the code we are going to add into the code embed:
<input type="hidden" id="current-page" data-name="Current Page" />
Through this code, we are telling this input to be hidden, have the id of "current-page", and have the data name as "Current Page", but feel free to set this data name to whatever you prefer, as this is what will show up once the form submits.
Now we need to add a value to the id that tells us what page the form is on. Go into your project settings, click on the custom code tab, and paste this code into the Footer Code section:
<script> $('#current-page').val(location.href); </script>
You can also do this in the page settings, but if your form is across many different pages, it's easy to do it globally through the project settings rather than adding it to every page you have a form on.
Save the changes, and republish your project. The form should also be good to go, so submit some dummy data and check under form submissions in the project settings to make sure it submitted everything correctly.
Here's a couple of test form submissions I've sent through. As you can see, it's pulling through the URL of the page the form was submitted on.
