In order to prefill form fields, you need to create a customized URL for your web form
. Normally, the link to your web form looks like this:
where 201140 is your web form ID. To introduce preset field values, you need a different URL, of this type:
where sf.php?s=123contactform is the key part that remains unchanged for all customized URLs, 201140 is your web form ID and control1111111=John sets the preset value John for the form field with the ID 1111111. Visit the 123ContactForm blog to learn more about customized URL elements.
Simply put, what you have to do is generate a URL that calls the ID of the form field for which you want to set a predefined value and assigns that value to it. You can prefill as many fields as you want within a form. URL parameter and value pairs are connected by ampersands (&). By pair of parameter and value, we understand control1111111=presetValue. In this structure, 1111111 is the form field ID.
You can find out what the IDs of your form fields are visiting the Publish section, Embed Code tab, Inline HTML option.
Here is some useful information for using pre-filled form fields most efficiently. Note that we will use 1234567 as the form field ID. You will need to replace this example ID with the real IDs of your form fields.
- Preset values for the fields Text Box, Text Area, Number, Email, Website: You only need to include &control1234567=presetvalue in the webform URL. Replace presetvalue with the value of your choice and &control1234567 with your control (form field) ID.
- Preset values for the fields Name, Hour, Price: In this case, the form field is split into several subfields. For example, the field Name contains a First Name and a Last Name. These two have separate IDs: First Name – 1234567-1, Last Name – 1234567-2. Therefore, the right syntax will be &control1234567-1=John&control1234567-2=Doe. This goes for Date, Hour, Price and Phone, as well. If you’ve got more than two subfields, then go on using -3.
- Preset values for Phone: If you want to prefill the input of the Phone field, use this code: &control1234567=123-342-345. However, make sure you use the format you’ve selected for the field.
- Preset values for the Address field: An address field functions in the same way as the Name field, only that here you’ve got five subfields and, consequently, five IDs, form 1234567-1 to 1234567-5. In addition, there is the Country field, which is a dropdown list. To preset a value for the list of countries, you need the following code: &control1234567-6=CountryName.
- Preset values for Dropdown Lists and Radio Buttons: These fields allow for a single choice. This means that there is only one ID for the entire field. The syntax is &control1234567=ChoiceName, where ChoiceName is the choice that you want to preset.
- Preset values for Checkboxes: Since checkboxes allow for multiple choices, one single ID is not enough. Every option will have its own ID, in order to function like a separate subfield. To precheck an option, use this code: &control1234567-0=yes. As you can see, the first option is -0, next one -1, next one -2 and so on.
- Preset values for Likert Scales: Each Likert scales statement has an individual ID. To preset a value for a Likert statement, use the following code: &control1234567=Neutral, i.e. the value will be the name of the option that you want to have preset.
- To introduce white spaces in pre-filled form fields, use the code %20. For example, to obtain the preset value Fifth Avenue for a field, you will need the following code: &control1234567=Fifth%20Avenue.
- Preset field values are case sensitive! If you want, for instance, to preset the value Google Chrome for a radio buttons field, &control1234567=Google%20Chrome will work and &control1234567=google%20chrome will not.