Scroll to top

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 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

Have more questions? Submit a request.

0 Comments

Article is closed for comments.