Tracking Landing Pages

I’d like to track which landing page each submission is coming from.

I already have a hidden field set up for the landing page.

Do I just need a single form and pre‑populate this field from the website, or would I need a separate form per landing page with a default value set?

Hi Crystal,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

You can track which landing page each submission is coming from by using a single form with a hidden field for the landing page. You just need to pre-populate this hidden field from your website for each landing page. This way, you don't need to create separate forms for each landing page. The hidden field will capture the landing page value dynamically when the form is accessed from different landing pages.

Make sure to test the pre-population to ensure the hidden field is correctly receiving the landing page information before sharing the form.

Give it a try and let us know how it goes.

How do I prepopulate the field on my landing page?

Hi Crystal,

Let me help you with that:

You can prepopulate your hidden field on your landing page by adding query parameters to the form URL. The query parameters are key-value pairs where the key is the unique name of your hidden field, and the value is the data you want to pass (e.g., the landing page name).

Here’s how to do it:

1. Find the unique name of your hidden field in your form. You can find this in the field properties under the "Advanced" tab.
2. Create a URL for your form with the hidden field prepopulated by adding ?hiddenFieldName=value at the end of your form URL. For example, if your hidden field's unique name is landingPage and the landing page is homepage, your URL will look like this:
   https://form.jotform.com/yourformid?landingPage=homepage
3. Use this URL on your landing page so when users open the form, the hidden field will be automatically filled with the landing page value.

You can generate and test these URLs using Jotform's Field Prepopulator tool for easier management.

Give it a try and let us know how it goes.

But it is a shopify website?

Hi Crystal,

Since your website is built on Shopify, you can still prepopulate the hidden field in your Jotform form by passing the landing page information through the form URL using query parameters.

Here’s how to do it on your Shopify landing pages:

1. Identify the unique name of your hidden field in your Jotform form (found in the field properties under the "Advanced" tab).
2. Create a URL for your form with the hidden field prepopulated by adding ?hiddenFieldName=value at the end of the form URL. For example, if your hidden field's unique name is landingPage and the landing page is homepage, your URL will look like this:
   https://form.jotform.com/yourformid?landingPage=homepage
3. Use this URL as the link or embed the form on your Shopify landing page. When users access the form, the hidden field will be automatically filled with the landing page value.

In Shopify, you can add this URL with the query parameter to buttons, links, or embed codes on your landing pages to pass the landing page information dynamically.

If you embed the form directly in Shopify, make sure the URL used for embedding includes the query parameter for the hidden field.

This method allows you to use a single form and track submissions from different landing pages effectively.

Give it a try and let us know how it goes.

Hi Crystal,

If I got this right, your form is embedded on various pages, and you wanted to track where the submissions come from. If yes, the Get Form Page URL widget automatically captures the page URL where the form was submitted, and no coding is needed. Simply add this widget to your form, and you're good to go. Let me show you how:

1. In Form Builder, click on Add Element on the top left side.
2. Next, click on the Widget tab.
3. Finally, search and select Get Page URL.

Give it a try and let us know how it goes.