What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Issue with embedded form in another form

    Asked by SunbridgeInstitute on December 17, 2015 at 10:06 AM

    I have a double-label where there's an iframe embed

    The form I am embedding INTO is this: http://www.jotform.com//?formID=53434184222954
    (scroll to the bottom, just under the Payment Information header)

    You can see here that I have a double-label of "Course offerings"--one on the primary form, and one on the embedded form.

    I'm wondering if I can change the width of the embedded form so that it starts on the left side of the primary form, spanning the entire width of my field area, eliminating the primary form label for that section. (basically, I'm hoping that I can make the area of the embedded form wider, including the left side area where labels usually live).

    If I can do this, then it solves two problems for me (the other of which I am not describing here). 

    Thank you for any help you can offer!

    Page URL:
    http://www.jotform.com//?formID=53493806938974

    iframe embed form width
  • Profile Image
    JotForm Support

    Answered by Mike on December 17, 2015 at 10:43 AM

    We can try to look into the width issue, but I think that we will need to check the form structure first. Please note that you cannot submit both - primary and embedded forms at the same time, only one form will send its data.

    Usually when you embed some forms into a main form, all the fields are supposed to be included to the embedded forms (instead of the main form).

  • Profile Image

    Answered by SunbridgeInstitute on December 17, 2015 at 11:08 AM

    Thank you for being proactive about making sure my whole form is correct. It is really wonderful that you are helping me to build this properly rather than just answering my question blindly.

    I was trying to follow the instructions for how to make a form that includes multiple payment options, and I was going to pass the calculated values from the primary form into the embedded form for payment. I'm also going to add more embedded forms for the other payment options. I'm not sure if this addresses your concern. Am I going about this the wrong way?

    I'm not really understanding your paragraph: "Usually when you embed some forms into a main form, all the fields are supposed to be included to the embedded forms (instead of the main form)." Can you clarify in a different way please?

    Thank you again for your help.

  • Profile Image
    JotForm Support

    Answered by Mike on December 17, 2015 at 11:32 AM

    You are welcome. The idea is to include all the fields you need to the sub-forms, since the form user will not actually submit main (host) form. We have a guide available below.

    How to Create a Basic Multiple Payment form

    Here is a form example:

    http://www.jotformpro.com/form/41363533068958

    Main form has only one question 'Choose your Payment Method' on it.

  • Profile Image

    Answered by SunbridgeInstitute on December 17, 2015 at 11:53 AM

    Ah, this makes a lot of sense and I was confused on this very issue. So the submission happens on the embedded form and not the primary form.

    This raises an issue for me. I have a lot of experience type questions that I have to collect from all of the registrants before payment happens.

    It sounds like the correct approach would be this:

    1-create the form several times (repeat all the experience questions on all forms)

    2-add a different payment method at the bottom of each form

    3-embed all of these forms onto a simple Primary form which only chooses the payment method

    However, it would be so much easier if I could collect the experience questions on the main form so I don't have to repeat all of those questions 4 times on all the forms.

    Is there a way to do this?

  • Profile Image
    JotForm Support

    Answered by Mike on December 17, 2015 at 12:14 PM

    You are right with your steps. Unfortunately, we cannot submit both forms.

    The other work around that you may consider is conditional thank you page redirect to the correct payment form upon a main form submission. However, you will need to associate payments with different form submissions in this case (data and payment info on different forms), and also users may skip your payment form.