-
juliagreenptoAsked on September 5, 2017 at 3:04 AM
I have been told that when users are filling in the payment information, it continues to jump down to the bottom of the form before they have finished inputting their information, causing them to continuously scroll back up to complete their payment information.
Is there anything I can do to fix that?
-
CharlieReplied on September 5, 2017 at 3:17 AM
Hi,
This is most likely a script conflict between your website and of the form. May we know how you have embedded it on your website?
I see the website is created in Wix, have you followed the steps provided under Publish->Platforms? Here's a screenshot where to find it:
We'll wait for your response.
-
juliagreenptoReplied on September 5, 2017 at 11:49 AM
The directions for adding the code may be outdated, as I am seeing the below menu for adding.
However, when I add HTML Code and copy over the code from JotForm, it does not work correctly in mobile view (it cuts off and you can't scroll down to submit or go to the next page at all). When I put in the website address from the JotForm Quick Share menu, I am able to see the entire form on both the PC and Mobile versions.
-
BJoannaReplied on September 5, 2017 at 1:01 PM
How is the form currently embedded? With the iFrame code?
You can remove the script part of the iFrame code and increase the height of the iFrame code to see if that will resolve the cut off issue. You can also change the scrolling to yes.
Example:
<iframe id="JotFormIFrame-1234567890" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/1234567890" frameborder="0" style="width: 1px; min-width: 100%; height:1078px; border:none;" scrolling="yes"> </iframe>
You can also try to add ?nojump at the and of form to see if that will resolve the jumping issue.
<iframe id="JotFormIFrame-1234567890" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/1234567890?nojump" frameborder="0" style="width: 1px; min-width: 100%; height:1078px; border:none;" scrolling="yes"> </iframe>
Or if you are using the website address option - https://form.jotformpro.com/1234567890?nojump
If the issue is not resolved, please provide us the webpage URL so that we can test the form.
-
juliagreenptoReplied on September 5, 2017 at 1:16 PM
I've tried these and it still seems to be jumping once you begin to fill out your billing address.
https://www.juliagreen.org/investnow
-
BJoannaReplied on September 5, 2017 at 1:28 PM
I am not able to replicate mentioned issue.
Which browser and device are you using? Please try to use some other browser or deceive to see if the issue persist.
-
juliagreenptoReplied on September 5, 2017 at 1:29 PM
It works on a PC but not on a phone... we're trying it on iphones and it jumps once you get to the billing address.
-
BJoannaReplied on September 5, 2017 at 1:45 PM
The form is working properly on my Samsung Galaxy S4. I do not have an iPhone, so I tested your form and iPhone emulator and I was able to replicate the issue. However, it is jumping to the top of the form and not to the bottom, like you mentioned.
Can you please try to re embed the form with the website address option - https://form.jotformpro.com/1234567890?nojump
Also if possible test your form in some other browser or on some other iPhone device.
I will also ask my colleague if he knows any other way to resolve this issue.
-
juliagreenptoReplied on September 5, 2017 at 3:00 PM
I've embedded the form using this website address: https://form.jotform.us/72120103484140?nojump.
-
BJoannaReplied on September 5, 2017 at 3:20 PM
I am no longer able to replicate the issue on iPhone emulator.
Is the form still jumping on your end or is the issue resolved?
-
juliagreenptoReplied on September 5, 2017 at 4:04 PM
I found that when I added a single choice question to the payment page of the form, it caused even more problems, and I wasn't able to submit the form. I have switched back to the html code to embed the form, and it seems to be working now.
I also moved the single choice question to another page altogether, and it does appear that this has helped a lot.
Thanks!