This article covers how to auto-populate form fields on a Keap™ Legacy Landing Page using URL parameters, including how to configure the URL parameter on a form field, how to format the URL to pass a value, and how to test the auto-population. A URL parameter is a key-value pair added to the end of a URL — for example, ?firstname=John — that passes information directly to the page. When configured on a form field, the URL parameter automatically fills in the field value for the visitor without them needing to type it. This article does not cover creating forms or landing pages. For help creating a landing page, see how to create a Keap Legacy Landing Page.
Why Auto-Populating Form Fields Improves the Visitor Experience
Requiring visitors to manually fill in information you already know — such as a name or email address passed from a previous page — adds unnecessary friction to the form completion process. Auto-populating form fields using URL parameters lets you pre-fill known values automatically when the visitor arrives on the landing page, reducing the number of fields the visitor needs to complete and increasing the likelihood they will submit the form. This is particularly useful for personalizing landing pages linked from emails, ads, or other pages where contact information is already available.
How to Auto-Populate a Form Field Using a URL Parameter on a Keap Legacy Landing Page
Follow these steps to configure a form field to accept a URL parameter value on a Keap Legacy Landing Page.
-
Select the form on the landing page that contains the field to be auto-populated.
The screenshot above shows the Keap Legacy Landing Page editor with a form selected. Selecting the form activates the form editor where individual form fields can be configured. The form border is highlighted when the form is selected.
-
Select the form field to be auto-populated. The field configuration panel will open displaying the settings for that field.
The screenshot above shows the Keap Legacy Landing Page form editor with a form field selected. The field configuration panel is open and displays the settings available for the selected field, including the URL parameter input field where the parameter name is entered.
-
Enter the URL parameter name in the URL parameter field in the configuration panel. The URL parameter name is the label used in the URL to identify the value being passed to the field — for example, entering firstname as the parameter name means the URL ?firstname=John will pre-fill the field with the value John when a visitor arrives on the page.
The screenshot above shows the URL parameter input field in the Keap Legacy Landing Page form field configuration panel. Enter the URL parameter name in this field. The parameter name can be any label that clearly identifies the field value being passed — it must match the parameter name used in the URL when the landing page is shared.
-
Publish or republish the landing page to apply the URL parameter configuration. Select Publish if the landing page has not been published before, or select Republish if the landing page was previously published and is being updated.
The screenshot above shows the Publish or Republish button in the Keap Legacy Landing Page editor. The URL parameter configuration does not take effect until the landing page has been published or republished. Select Publish for a new landing page or Republish for an existing published landing page.
-
Test the URL parameter by opening the landing page URL with the parameter and value appended in the following format: https://yourlandingpageurl.com?parametername=value. Replace parametername with the URL parameter name entered in step 3 and replace value with the test value to be pre-filled in the form field.
The screenshot above shows an example URL in a browser address bar with a URL parameter appended. The parameter appears after the question mark in the URL, with the parameter name followed by an equals sign and the value to be pre-filled in the form field. Multiple parameters can be chained together using an ampersand — for example, ?firstname=John&lastname=Smith.
-
Verify the form field is pre-filled with the value passed in the URL parameter. When the landing page loads with the URL parameter appended, the configured form field should display the parameter value automatically without requiring the visitor to type it.
The screenshot above shows a Keap Legacy Landing Page form with a form field pre-filled with a value passed from the URL parameter. The field displays the value automatically when the page loads with the URL parameter appended to the landing page URL. If the field is not pre-filled, verify that the parameter name in the URL matches the parameter name entered in the form field configuration and that the landing page has been republished after the configuration was saved.
Frequently Asked Questions
What does this article cover?
This article covers how to auto-populate form fields on a Keap Legacy Landing Page using URL parameters, including how to configure the URL parameter on a form field, how to format the URL to pass a value, and how to test the auto-population. This article does not cover creating forms or landing pages. For help creating a landing page, see how to create a Keap Legacy Landing Page.
What is a URL parameter?
A URL parameter is a key-value pair appended to the end of a URL that passes information to the destination page. URL parameters begin with a question mark and use the format ?parametername=value. Multiple parameters are separated by an ampersand — for example, ?firstname=John&lastname=Smith. When a form field on a Keap Legacy Landing Page is configured with a URL parameter name, the field is automatically pre-filled with the corresponding value when a visitor arrives via a URL containing that parameter.
What should I check if the form field is not pre-filling?
If the form field is not pre-filling when the landing page loads with a URL parameter appended, check the following: confirm that the parameter name in the URL exactly matches the parameter name entered in the form field configuration — parameter names are case-sensitive; confirm that the landing page was republished after the URL parameter was configured on the form field; and confirm that the URL parameter is formatted correctly with a question mark before the first parameter and an ampersand between multiple parameters.
Can I auto-populate multiple form fields on the same landing page?
Yes. Multiple form fields can each be configured with their own URL parameter name. To pass values to multiple fields at once, append multiple parameters to the landing page URL using an ampersand to separate each parameter — for example, ?firstname=John&email=john@example.com. Each parameter must match the parameter name configured on the corresponding form field.
Comments
0 comments