This article covers how to pre-populate form fields on a Keap™ landing page using URL parameters, including how to configure a field to accept a URL parameter value and how to format the landing page URL to pass the value. A URL parameter is a key-value pair appended to the end of a URL that passes information to the page when it loads — for example, ?company=Acme would pre-populate the Company field with the value "Acme" when the landing page loads. This article does not cover how to create landing pages or forms. For help with landing pages, see how to create a landing page in Keap.
Why URL Parameters Help You Track Lead Sources Without Duplicating Landing Pages
When running multiple campaigns or ad sources that all drive traffic to the same landing page, tracking which source generated each lead normally requires creating a separate landing page for each source. URL parameters eliminate this duplication by letting you pass tracking information directly through the URL. When the landing page loads with the parameter in the URL, the configured form field is automatically pre-populated with the value from the URL — capturing the lead source information without requiring the visitor to enter it manually and without needing multiple versions of the same page.
How to Pre-Populate a Form Field Using a URL Parameter on a Keap Landing Page
Follow these steps to configure a form field to accept a URL parameter on a Keap landing page. Note that there are two separate values involved in this setup — the field label entered in the form field settings (which is the parameter name used in the URL) and the field value (which is the actual data passed through the URL when the page is shared). The steps below configure the field label — the field value is added to the URL in step 6.
-
Add a form to the landing page in the Keap landing page editor.
The screenshot above shows the Keap landing page editor with a form added to the landing page. The form fields are visible on the page canvas. Select a form field to configure the URL parameter settings for that field.
-
Select the form field to configure for URL parameter pre-population, then select the pencil icon to open the field editing options.
The screenshot above shows a form field selected on the Keap landing page with the pencil icon visible. Selecting the pencil icon opens the field editing options where the URL parameter label for this field is entered.
-
Enter the URL parameter label in the value field. This value is the parameter name used when constructing the URL — it is not the data that will appear in the form field when the page loads. The data that appears in the form field is the value passed in the URL itself in step 6. For example, entering company here means the URL will use ?company=yourvalue to pre-populate this field.
The screenshot above shows the URL parameter label input field in the Keap landing page field editing options. Enter the parameter name in this field. The parameter name entered here is used to construct the URL in step 6 — it is not the value that will appear in the form field when the landing page loads.
-
Select the Update Field button to save the URL parameter label for the selected field.
The screenshot above shows the Update Field button in the Keap landing page field editing options. Selecting Update Field saves the URL parameter label and applies the configuration to the selected form field.
Publish the landing page to apply the URL parameter configuration.
Append the URL parameter and value to the landing page URL when sharing the landing page link. Use the following format to construct the URL: yourlandingpageurl.html?parameterlabel=yourvalue. Replace parameterlabel with the URL parameter label entered in step 3 and replace yourvalue with the specific value to pre-populate in the form field when the page loads. For example, if the parameter label entered in step 3 was company and the value to pre-populate is Acme, the URL would be: yourlandingpageurl.html?company=Acme.
Frequently Asked Questions
What does this article cover?
This article covers how to pre-populate form fields on a Keap landing page using URL parameters, including how to configure a field to accept a URL parameter value and how to format the landing page URL to pass the value. This article does not cover how to create landing pages or forms. For help with landing pages, see how to create a landing page in Keap.
What is the difference between the URL parameter label and the URL parameter value?
The URL parameter label is the name configured on the form field in the landing page editor — it is the key used in the URL to identify which field to pre-populate. The URL parameter value is the actual data passed through the URL that will appear in the form field when the page loads. For example, if the parameter label is company and the URL contains ?company=Acme, the Company form field will be pre-populated with the value Acme when the page loads.
Can form submission values be passed into a Submit redirect URL via URL parameters?
No. Passing form submission values into the Submit redirect URL via URL parameters is not currently supported. However, if the form thank you page redirects to another Keap landing page, field submission values will auto-populate into form fields on that second landing page. This behavior is useful when multiple forms need to be submitted in sequence — the data entered in the first form pre-populates the relevant fields in the second form automatically.
Can I pre-populate multiple form fields using URL parameters on the same landing page?
Yes. Multiple form fields can each be configured with their own URL parameter label. 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, yourlandingpageurl.html?company=Acme&firstname=John. Each parameter label must match the label configured on the corresponding form field in the landing page editor.
Comments
0 comments
Article is closed for comments.