Embedded form on wordpress stuck on please wait.

  • Profile Image
    jimgrosso77
    Asked on October 30, 2020 at 11:47 AM

    I created a petition in JotForm. Then embedded it into a WordPress blog using HTML code. When I fill out the form an hit "Submit" I get a message "Please wait..." but it just freezes there without anything happening.

    Page URL:
    www.keeptomfit.ca

    Screenshot
  • Profile Image
    Simon_L
    Answered on October 30, 2020 at 02:49 PM

    Hello,

    I was able to replicate your issue on your website. The form itself is fine, but there seems to be a problem with the script that sends data after clicking on "Submit".

    I opened up dev tools and I saw this:

    1604083332_5f9c5e8432a75_

    By looking at how your form is embedded (with an iFrame), I can see that there is the "sandbox" parameter. I suggest that you remove it, or that you change it to sandbox="allow-forms". (related solution I have found)

    1604083739_5f9c601b22c58_2020-10-30 14_4

    In any case, you will have to change a line of code in your page's source code in order for the form to submit properly. I believe this can be done through WordPress.

    Let us know how we can be of any further assistance,

    Thank you!

  • Profile Image
    jimgrosso77
    Answered on October 30, 2020 at 03:28 PM
    Hi Simon,
    Unfortunately, I don’t have the skill set to change the code.
    Can you talk me through the process?
    OR Is there another way for me to embed the the JotForm into the website?
    Jim
    ...
  • Profile Image
    Kenneth_C
    Answered on October 30, 2020 at 06:54 PM

    Thank you for reaching support,

    Instead of the current embed option you have, can you use the iFrame method, that way script conflicts will be avoided.

    Here is the guide: https://www.jotform.com/help/148-getting-the-form-iframe-code

    You may paste this instead:

    <iframe

       id="JotFormIFrame-203034703548046"

       title="Form"

       onload="window.parent.scrollTo(0,0)"

       allowtransparency="true"

       allowfullscreen="true"

       allow="geolocation; microphone; camera"

          src="https://form.jotform.com/203034703548046"

       frameborder="0"

       style="

       min-width: 100%;

       height:539px;

       border:none;"

       scrolling="no"

      >

      </iframe>

    I hope that helps.

    Best.