Skip to main content

How to prefill form fields that are embedded using the Easy Embed Code

Form fields can be prefilled by adding a query string to the EmailMeForm url within your JavaScript embed code. To accomplish this you wil...

Form fields can be prefilled by adding a query string to the EmailMeForm url within your JavaScript embed code. To accomplish this you will need to
​
Locate the input name for the form field
a. Login into your account and go to the Form Manager (https://app.emailmeform.com/builder/manager)
b. Mouse over to your form and click on 'Options" and then select 'Preview'
​
​

EMF_FM_Preview.png


​
c. While viewing the form, find the form field that you would like to pre-populate and select “Inspect Element”
​
​


​
d. Retrieve the name value for the input tag. For example if the input tag has name= “element_2”, you should retrieve element_2.
​
​


​
2. Retrieve the JavaScript Easy Embed code 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 select "Options" and then select "Code".
​
​


​
c. Under the Embed section of the code page select copy under “Easy Embed: Use this code on your website”
​
​


​
3. Use the input name value that you retrieved to create the query string and add it to the form’s url within the embed code
​
a. For example, 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 embed code will be similar to the below
​
<script src="http://www.emailmeform.com/builder/form/JLS05eXh1qMak4?element_2=Joe" type="text/javascript"></script>
​
​
​
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.
​
<script src=" http://www.emailmeform.com/builder/form/JLS05eXh1qMak4?element_2=Joe
​
&element_3=Doe&element_7=test@email.com&element_9[]=111-111-1111" type="text/javascript"></script>
​
​
​
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

Did this answer your question?