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

    Embed payment doesn't show up in Main form when I preview it

    Asked by ItsTime on July 06, 2014 at 12:14 PM

    Embed paypal payment shows up on editable form but doesn't show up in form when I preview it.

    Also Payment ( Submit) button doesn't work

    Page URL:
    http://form.jotform.us/form/41851595158160

    preview Main Form doesn't work editable
  • Profile Image
    JotForm Support

    Answered by jonathan on July 06, 2014 at 04:33 PM

    Hi,

    It does show up. Its just that the iframe width/height was not specified in the code when you embed the form in the form

    try adding the width and height in the style, and also make "scrolling=no". something like this

     

    Thanks.

     

  • Profile Image

    Answered by ItsTime on July 06, 2014 at 09:36 PM

    I tested it on Mozilla,"Choose Payment option" shows up but another set of options should show up showing total amount once I select a payment option but it didn't.

    However the second set of options show up in Chrome when I "Choose Payment option" but when I hit the payment button it doesn't process the payment, it just goes to the thank you page.

    How do I fix this problem? Thanks for your help

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 07, 2014 at 01:37 AM

    Hello ItsTime,

    I'm sorry for the trouble caused to you.

    I did test your form and I am able to replicate the issue you are having. On selecting any payment options in firefox, it does not display any additional options.

    I did check your form and found that, you have embedded your payment form in an iFrame and then this child form also has 2 forms embedded in an iframe and then being showed based on condition.

    You have made this very complicated and it does not work this way. Please be noted that to trigger the payment / to be redirected to the PayPal payment page, the submit button of the payment form needs to be triggered. If you embed your payment form into another form, clicking on the submit button of the main form where you have embedded your form will not trigger the payment process. And if the submit button of the Pyament form is clicked, you will be redirected to the PayPal page but the user input on other fields of main form will be lost.

    My suggest would be that you as follows:

    1. Create two version of your form.

    2. One should have option for full payment.

    3. The another one should have option of 2 payments.

    4. Create a master form and embed both the form in iFrame.

    5. Add a radio button question in master form asking for payment method.

    6. Add condition in your master form to show / hide iFrame / payment form based on the method user selects.

    Please take a look at the following guide which should help you:  http://www.jotform.com/help/182-How-to-Create-a-Basic-Multiple-Payment-form

    Please take a look at the following demo form which should help you:  http://form.jotformpro.com/form/40742366273960? Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!