Scroll to top

How to prefill form fields using the form's URL

Form fields can be pre-filled by adding a query string to the EmailMeForm URL with the values to be passed in. To accomplish this you will need to


1. Retrieve the url for your form
    a. Login into your account and go to the Form Manager (https://app.emailmeform.com/builder/manager)
    b. Mouse over your form and click 'Options'.
    c. Then click on 'Code'





    d. Select copy under the Link section of the code page





    e. Paste your url in a browser to view your form.

2. Locate the input name for the form field
    a. Find the form field that you would like to prepopulate and select "Inspect Element".





b. Retrieve the name value for the input tag. For example if the input tag has name= "element_2", you should retrieve element_2.

3. Use the input name value to create the query string and add it to the Form's url
    a. If you would like your form field to be prefilled with the value "Joe" you will need to add the following to your url
       ?element_2=Joe

Therefore your complete url will be similar to the below
http://www.emailmeform.com/builder/form/JLS05eXh1qMak4?element_2=Joe

b. Additional fields can be prefilled by retrieving the name value for those fields and separating each field and value by using an "&". For example to prefill the First Name, Last Name, Email address and Phone fields on the sample form the url below can be used.

http://www.emailmeform.com/builder/form/JLS05eXh1qMak4?element_2= Joe&element_3=Doe&element_7=test@email.com&element_9[]=111-111-1111

Supported Form Fields
Basic
Single Line Text
Number
Paragraph Text
Checkbox
Multiple Choice
Dropdown

Advanced
Name
Email
Address
Phone
Date Time
Web Site
Multiple Select
Price
Hidden Field

Have more questions? Submit a request.

0 Comments

Article is closed for comments.