There are two ways to pre-populate form fields in Leadpages and in Leadboxes:
Learn more about both methods below.
In general, the less information a visitor has to submit, the higher your conversion rate will be. On that note, Leadpages are designed to try and pre-populate form fields using data from previous submissions. That is, if someone has already opted in to a form of yours, our system will attempt to pre-populate future forms with their information.
More details on Automatic Pre-population here.
Whether you integrate an external service with a Leadpage or a Leadbox, it’s possible to click on any field (visible or hidden) and set up your pre-population parameters. Here’s how:
Step 1: Click the field you want to pre-populate.
You’ll see multiple ways to customize each field. We’ll work with the “Default value” and “Pre-populate using this URL variable” parameters.
Step 2: Set a default value for your field.
You can choose to set a default value for any hidden fields so that each time your form is submitted that value will be submitted as well. One reason to use this option is to add opt-ins from a specific page or form to a group in your email service provider.
For instance, here are the hidden fields for a group as defined in MailChimp.
This is what you will see in Leadpages:
2a. Set a default value for the hidden field:
- Make sure the field’s checkbox is checked.
- Click on the name of the field.
- Set the default value in the provided area and click Okay.
Step 3: Set up (optional) URL variables.
To use this option, you’ll want to give the fields a short variable name (or use the name it already has). This can be whatever you like, however, you may not use a name with the prefix “leadpages”. That variable name is reserved and using it may trigger an error message and prevent your webform from saving.
Here’s an example of choosing a variable name for an affiliate id that you will include in your URL variable:
3a: Use your variables.
At the end of your URL you will want to add the following:
?[your URL variable]=[data your variable should use]. For example:
Or, if you’ve published the page on your own server:
3b: If you have multiple fields that you want to pre-populate, separate them with an ampersand (&).
So for example, if you had also defined another variable and called it "promo" and you wanted to pre-populate it with the word "webinar" your URL could look like this:
or, if you have published the page on your own server:
Pre-populating Leadbox fields
Since Leadboxes exist as part of non-Leadpage webpages, there are a couple different ways you can use URL variables, which are outlined below.
If you can control traffic to your Leadbox…
You can append your URL variable to the address of whichever page you’re where hosting your Leadbox. This is the best option when driving traffic directly to a URL (like affiliates)
If you cannot control traffic to your Leadbox…
If you publish the same Leadbox to several pages and aren’t controlling traffic to them (e.g. most traffic is coming from SEO optimization), it’s best to add your URL variables to the Leadbox URL itself. Note that this method will prevent your Leadbox from appearing as a popup—it will open in a new tab or window.
Here’s an example:
For additional details on publishing your Leadbox as a URL only, see: How Do I Post a Leadbox to my Facebook Page?
To get around the character limitation, you can use this URL encoder. For example, firstname.lastname@example.org will not be accepted as a value. Adding email@example.com and pressing encode will produce text that will be accepted. In this case,
Please let us know if you have additional questions.
You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.