A popular and useful technique for creating relational forms is sending data from one form to another. This data is captured and saved in both forms.
In this tutorial, you’ll see how you can automatically pass form data to pre-populate another form.
Let’s say you have two forms: Form1 and Form2. You want to transfer data submitted in Form1 to Form2. The data should be saved in Form2. Let’s see how it works!
Do not wish to read the entire article. The entire process is shown in the video below.
1. Set up your forms
The setup requires two forms. The source form is where the data will be sourced from. The target form is where the data will be passed to. For the purposes of this guide, a feedback survey will serve as the source and a newsletter subscription form will serve as the target.
The goal is to transfer the Email field value from the source (Form1) to the destination (Form2).
2. Create Hidden fields on Form2 to capture data
Edit your Form2 and create a hidden field for each data you want to capture and save from Form1 inside Form2.
For example, when the user fills out Form1, they submit their name and email. These details must be sent to the second form as well. Therefore you should create hidden fields in Form2 to capture and save the name and the email.
3. Set the same ID for fields in both forms
In order to make sure you’re saving the right data, set the “ID” property of each field in both forms. For example, to save the field “Email Address” in both forms, set its ID in both Form1 and Form2 as “email“. The ID is a short identifier to recognize the fields across forms.
4. Set up sending data from one form to another
Edit Form1 and from the settings tab enable sending data to the redirect URL. Also, remember to put Form2’s URL address in the redirect URL of Form1.
Saving these steps, your Form1 will redirect to Form2 and also it will send its data to Form2. Both your forms have the same field IDs. Therefore, Form1 data will be captured in the same field IDs as Form2.
You are now ready to pass data from one form to another form.
Automatically pass form data to another form
There are multiple ways to connect forms and databases. In this tutorial, you saw how you can do so by sending data while redirecting a form’s submitted data to another.
You can also use the look-up field to look up the submitted data of another form. There are a more few ways to pre-populate your form’s fields. You can use URL parameters and many different ways to prefill form questions with some data.
For more useful tutorials, subscribe to our Youtube channel.
You are always welcome to contact us. If you have any questions, let us know on our website chat.