Multi-step forms (not for survey use) and capturing contact info

  • BottledThanks
    Asked on November 18, 2015 at 6:32 PM

    Hi there,

    I am trying to build a multi step form that will have these above the fold in a short form:

    Name

    Phone

    Email

    And then the CTA is "Create a Message". When they click the CTA, I would like to capture their information and push them to a page where they can enter text into a free text field (the message) and also include some description/instructions above the form. 

     

    How can I do this? Thank you!!!

  • Mike_G JotForm Support
    Replied on November 18, 2015 at 8:36 PM

    You will be needing to pass the information entered on the form through the Thank-You page custom URL. So that, when the form is submitted or the (CTA button is clicked) it will redirect you to the next page where the information from the form will be passed to the field of the next page where submitters of your form can enter text into a text field (the message).

     

    I have two forms, the main form(https://form.jotform.com/53217669147967) and the second form(https://form.jotform.com/53217682338964).

    Suppose the second form is where you will need to pass the input from the main form.and the second form has the message field.

    Here's what's need to be done next:

    You need to get the Form URL of the second form, if it is a website/webpage, you need to get the URL of the page or site.

    Multi step forms (not for survey use) and capturing contact info Image 1 Screenshot 60

    Then, you need to get the names of the field of the second form. This guide will help you in getting that: 

    Prepopulating-fields-to-your-JotForm-via-URL-parameters

    Once you have the names of the field of the second form, you can now construct the custom Thank-You page URL of the first form.

    On the main form, get the name of every field, the one in curly braces.

    Multi step forms (not for survey use) and capturing contact info Image 2 Screenshot 71

    What will happen:

    {fullName} of the Main form will be passed to "name" of the second form.

    The custom Thank-You page URL will look like this.

    Multi step forms (not for survey use) and capturing contact info Image 3 Screenshot 82

    Here's how you can create the Custom Thank-You page URL of the Main form:

    Multi step forms (not for survey use) and capturing contact info Image 4 Screenshot 93

    To test it load the first form and make a submission.

    Multi step forms (not for survey use) and capturing contact info Image 5 Screenshot 104

    I hope this helps. If you have any question or you need any clarifications with any of the instructions above, please feel free to let us know via this thread anytime and we will be glad to help you. Thank you.