Unable to submit Paypal payment forms within iFrame Embed widget

  • Profile Image
    contralarry
    Asked on October 04, 2019 at 09:11 PM

    People are reporting that after submission, they get a Please Wait message that doesn't go away. We are using the form in conjunction with PayPal, so I don't know whether this is a Jotform problem or a PayPal problem. Please advise.

  • Profile Image
    Kevin_G
    Answered on October 04, 2019 at 11:25 PM

    I have been testing this on my end and it seems like the issue is related to the iFrame and the PayPal payment integration. 

    I will report this issue to our second level so our developers can have a look on this, we will keep you updated via this thread. 

    Also, in the meantime you may redirect the user instead of showing the embedded form in the main one, this guide will help you redirecting users to a different page: https://www.jotform.com/help/317-Change-Thank-You-Page-URL-Based-on-a-Condition 


  • Profile Image
    AndrewHag
    Answered on October 05, 2019 at 01:38 AM

    Could you please use the below iFrame code to embed the form and see if that works?

    <iframe src="https://form.jotform.com/62376470420149" allowtransparency="false" frameborder="0" allow="geolocation; microphone; camera; autoplay; encrypted-media" sandbox="allow-top-navigation allow-scripts allow-forms" style="border: none; margin: 0px; width: 650px; height: 800px;"></iframe>

  • Profile Image
    contralarry
    Answered on October 05, 2019 at 01:44 AM

    Please explain what I do with this code. Do you want me to send it to the person who maintains the website and have him put in in place of the simple one line of code that's there now?

    Also, are you sure that the Jotform number you're using is the correct one? I think that's the number of one part of the form, but not of the entire form. The number for the entire form ends in 155.

    The old code worked for two years. Why all of a sudden does it not work?

  • Profile Image
    AndrewHag
    Answered on October 05, 2019 at 01:48 AM

    You can just ask your web developer to remove the old code and re-embed the form using the code I shared above.

    Please try this and let us know if that doesn't work.

  • Profile Image
    contralarry
    Answered on October 05, 2019 at 01:55 AM

    Also, are you sure that the Jotform number you're using is the correct one? I think that's the number of one part of the form, but not of the entire form. The number for the entire form ends in 155.


  • Profile Image
    AndrewHag
    Answered on October 05, 2019 at 02:45 AM

    The iframe code of the second form is sandboxed which is why the form is not redirecting.

    1570257679Make a Contra-Bution! __ San D

    As far as I can see, the only way to resolve this issue is either by adding "allow-top-navigation" to the sandbox code and completely removing the sandbox property. But, we can only do this when we have access to the iFrame code of the second form.

    However, this has been forwarded to our backend team for further checking. We will notify you as soon as we have an update.

  • Profile Image
    contralarry
    Answered on October 05, 2019 at 05:35 PM

    We placed the code in the website and tried processing a donation. It worked. However, only the part of the form for a one-time donation displays and works. The part of the form about recurring donations does not display. Nor does the master form in which one chooses one-time donation or recurring donation.

  • Profile Image
    Vanessa_T
    Answered on October 05, 2019 at 06:17 PM

    As per checking the website link you've provided, http://sandiegocontra.org/make-a-contra-bution.html, I can only see one Jotform form, https://form.jotform.com/62376470420149.

    Can you please confirm if these are the other forms you are referring to?

    Recurring Form

    Master Form

    If yes, please use the following iFrame Embed code for each:

    Recurring Form

    <iframe id="JotFormIFrame-62376751501151" title="Recurring Monthly Donation" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/62376751501151" frameborder="0" style=" min-width: 100%; height:1800px; border:none;" scrolling="no" sandbox="allow-top-navigation allow-scripts allow-forms"> </iframe>

    Master Form

    <iframe id="JotFormIFrame-62298012386155" title="MAKE A CONTRA-BUTION to San Diego Contra Dance" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/62298012386155" frameborder="0" style=" min-width: 100%; height:2961px; border:none;" scrolling="no" sandbox="allow-top-navigation allow-scripts allow-forms"> </iframe>

    If you're still having issues with the forms after replacing the iFrame embed code, please share to us the URLs where the forms are embedded.

  • Profile Image
    contralarry
    Answered on October 05, 2019 at 07:11 PM

    As there are no "developers' here, but just amateurs, please advise how we are to place these codes in the website: Do we just place one code after the other. If so, which one first -- the "Master Form"? Then the one-time donation, followed by the recurring donation?

  • Profile Image
    Vanessa_T
    Answered on October 05, 2019 at 07:27 PM

    Apologies for the confusion, we thought the one who maintains your website is a developer.

    As of the moment, this is the only form we can see on the URL you previously provided.

    1570318001A.gif

    Can you please share to us the URL where the other two forms are embedded so that we may give you more appropriate detail.

    We'll await for your response.

  • Profile Image
    contralarry
    Answered on October 05, 2019 at 07:37 PM

    I think there may be too many different support people helping me, as this is getting confusing. Originally, there was only one line of code on the page whose URL you are referencing. It was a simple code for what you and I call the Master Form. If you look up my account, you will see that that form has within it the other two forms. When a person first came to the page, they had a radio-button choice of one-time donation or recurring donation. Depending on which they chose, one form or the other would appear. This worked fine for the past couple of years, then just stopped working the other day.

    A previous support person asked me to replace the one line of code for the Master Form with the iFrame code you see now. It works fine, but displays only the one-time donation form. That's why you can't see the other forms -- they're no longer up there. That support person indicated there was some problem with PayPal dealing with forms that were embedded inside of other forms, and kicked it upstairs to another support level.

    So there is no other URL. If you want to see the other forms, I can reinstate the original non-working line of code, or you can look them up in my account.

  • Profile Image
    Vanessa_T
    Answered on October 05, 2019 at 08:11 PM

    Threads are assigned to any of the support team that is available in order for us to provide support in a timely manner.

    I can see that this is the Master Form you are referring to, https://www.jotform.us/form/62298012386155.

    Unfortunately, when I first responded, the form embedded on your account is https://form.jotform.com/62376470420149, which I now understand that it has just only been replaced and was not the original form, apologies on that.

    Can you please replace the existing iframe code with the following:

    <iframe id="JotFormIFrame-62298012386155" title="MAKE A CONTRA-BUTION to San Diego Contra Dance" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/62298012386155" frameborder="0" style=" min-width: 100%; height:2961px; border:none;" scrolling="no" sandbox="allow-top-navigation allow-scripts allow-forms"> </iframe>


  • Profile Image
    contralarry
    Answered on October 06, 2019 at 11:26 AM

    We have pasted your code on a test page, and it doesn't work. It displays the "Master Form", but when either of the radio buttons are clicked, the appropriate form (One-Time Donation or Recurring Donation) does not appear. The URL of the test page is: http://sandiegocontra.org/make-a-contra-bution-test.html

  • Profile Image
    BDAVID
    Answered on October 06, 2019 at 12:24 PM

    None of them are showing as it does in the standalone version: https://www.jotform.us/form/62298012386155

    1570378965errors.png

    It seems to be related to the site since it is insecure(http), could you try making it secure(https)?

  • Profile Image
    contralarry
    Answered on October 06, 2019 at 01:02 PM

    The standalone version was displaying everything correctly, but the PayPal transaction wouldn't go through, which is what started this support ticket in the first place. I feel that we are going in circles.

    As to making the site secure, I don't think we know how to do that. And everything was working just fine until this week. Can't you do any better than this?

  • Profile Image
    KrisLei
    Answered on October 06, 2019 at 01:48 PM

    Again, we apologize for the inconvenience this has caused you. 

    We have been receiving reports with similar issues with Paypal payment forms with iFrame embed widget. It is now being handled by our developers to determine the underlying cause and resolution. The iFrame embed widget shouldn't have any conflict with other source codes in your form or site, because the codes are called within an iFrame, but for some reason, something is affecting the Paypal payment tool.

    The most possible workaround is to consider @KevinG, one of my colleague's suggestion:

    "Also, in the meantime, you may redirect the user instead of showing the embedded form in the main one, this guide will help you redirect users to a different page: https://www.jotform.com/help/317-Change-Thank-You-Page-URL-Based-on-a-Condition "

    I suppose this would be helpful to you for the time being.

    We hope for your understanding of this matter. You will be notified of any updates via this thread.

  • Profile Image
    contralarry
    Answered on October 06, 2019 at 02:02 PM

    Thank you very much. Perhaps you can assist with one other small issue related to one of the same forms:

    In the form One-Time Donation, which you will find here, with iFrame code provided by one of your colleagues, there is a link to a PDF document in the form. The link does not work, even though the exact same link is elsewhere on the page (not in the form) and works perfectly. Can you see why?

  • Profile Image
    BDAVID
    Answered on October 06, 2019 at 02:59 PM

    Unfortunately, this issue is affecting any type of redirection:

    1570388343blocked.png

    The link is okay, it is the Iframe Embed widget which is causing the blocking. We will need to wait for a resolution from our back-end team.

  • Profile Image
    Kiran
    Answered on October 07, 2019 at 05:57 AM

    @contralarry,

    The issue should be fixed now. Could you check once again and let us know if you still notice any issue. We will be happy to take a look again. 

    Thanks!