How to Pre-Populate your form based on parameters

Last updated Mar 26 2018

Pre populate is a feature that allows you to use the information you already have about a user and send him/her a form with that information already filled in.
This not only saves the user some time and effort filling out the form, but it also gives your form filler a sense of familiarity, as if he has returned to a place where they know him already.
Though the pre-populate feature is not a basic or commonly used feature, is very easy to apply.

Following are steps to pre-populate your form: To pre-populate form fields, we essentially take the URL for the form, and add information to so that, .

1- In the form builder - Open the form you want to pre-populate
2- Publish the form > URL > press on "View" to open the Form in another browser tab


3- In the form builder - Select a field on canvas - one that you would like to automatically be filled in for your user.
(you can, of course, choose several fields but you will need to add them one by one)
4- Once the element is selected -its settings will appear in the right properties panel.
Go to "Properties panel" > "Element settings" > "Advanced" tab > copy the "Field ID"

.
5- Return to the published form and remove the "#" at the end of the form URL.
Add a "?" at the end of the form URL, paste the field ID right after it, and add the value you want it to have. like so:
URL + ? + Field id =johnsmith@gmail.com
e.g.: https://--------.formtitan.com/-------------9393/?fld1=johnsmith@gmail.com
if you Press on "Enter" the form will automatically be loaded with the information you added to the fields.

Other examples of pre populated elements
 
- Textbox (containing code: ABC-8754)
e.g.: https://--------.formtitan.com/-------------9393?fld6=ABC-8754
- Radio button (containing selected : First Choice)
e.g.: https://--------.formtitan.com/-------------9393?fld7=First Choice
- Checkbox (containing 2 selected options: First Choice and Second Choice)
Please note that in a checkbox element, where more than one item can be selected, you will need to specify the value "True" for each item you would like to pre-fill. Like this: 
e.g.: https://--------.formtitan.com/-------------9393?fld3-First Choice=True&fld3-Second Choice=True#/
- DateTime (Containing: 04/23/2018 08:07)
e.g.: https://--------.formtitan.com/-------------9393?fld2-Year=2018&fld2-Month=4&fld2-Day=23&fld2-Hour=8&fld2-Minute=7
- Date (Containing: 05/25/2010)
e.g.: https://--------.formtitan.com/-------------9393?fld3=2010-05-25
- Time (Containing: 2:36 PM)
e.g.: https://--------.formtitan.com/-------------9393?fld4=14:36



6- If you wish to add more field Ids you can do so by adding a "&" character between the field IDs.
e.g.: https://--------.formtitan.com/-------------93/?fld2=JohnSmith&fld3=john@gmail.com#/ .
7- What about Elements that contain more than one field - like full name? how do you pre populate them?
Well, Complex Elements (like: Address, Full name, Date time, Phone) cannot be represented by one variable. To pre-populate them you must use their advanced Field ID.
Simply press on the "Show Advanced IDs" button and copy the field ID from there.
If you look closely you will see that this id is already made of a few fields with "&" between them. All you need to do is fill in the values you would like to automatically
appear and that's it.

Watch this LIVE tutorial
CommentsLogin Required
  • Saurum Sergey06/04/2021 17:29
    Smartv params are not an option, we find it not secured.
  • Christopher Caprioglio06/03/2021 15:43
    Can fields in SmartV forms be prepopulated using parameters?
  • Saurum Sergey07/24/2019 03:56
    Embed via script mode and it will know how to read the params
  • Titan User07/23/2019 22:21
    how does this work when the form is embedded on my own website? MYURL.com/?fld2=JohnSmith does not work
  • Saurum Sergey05/12/2019 15:28
    to populate a dropdown, simple pass the field id Let say that your field id is : fld7 e.g.: https://YOURSUBDOMAIN.formtitan.com/FORMURL?fld7=First Choice
  • Pavel Shermayster05/12/2019 15:20
    How to pre populate dropdown(select) input with url params?
  • Saurum Sergey05/12/2019 14:36
    https://www.youtube.com/watch?v=HRVkrYSdeZo
  • Pavel Shermayster05/12/2019 13:48
    How to pre populate dropdown(select) input?
  • Saurum Sergey04/15/2019 04:21
    To remove the (optional) click on form settings-> Personalization-Show optional Label
  • Cynthia Martin04/02/2019 16:36
    A couple of header lines have added the word (optional) after the header and we do not want them to be optional. Where do you delete the word optional?? The word Optional is not in the place where we wrote the title for the header
Didn’t find what you were looking for?
Try the following for assistance or Use the Search box.