- ryan.ruhgeAsked on August 04, 2015 at 02:36 PM
I have heard from multiple customers that the next button won't work on my prequalification form. I read in the forum that there could be some other injected code that is interfering with it but there is no other injected code on the page other than the chat code that is on all of my pages. It also read that a fix was making embedding it as an iframe but that is not an option for me because it won't function properly on mobile devices and that accounts for over half of my traffic. Please help because I'm losing potential customers.
You Can OwnPage URL:
- KadeJMAnswered on August 04, 2015 at 03:17 PM
From what I gather it seems you are saying that your form's next button isn't working for many of your users.
I've tried this in the latest versions of Chrome, IE, Edge, FF, and Maxthon but the next buttons are working as far as I can tell.
Do you know if it is working on desktop for them and just not mobile? Or?
Any idea what browser and browser version your users happen to be experiencing this issue on?
- ryan.ruhgeAnswered on August 04, 2015 at 03:23 PM
I replaced it with iframe where it works perfectly on computers but not at all on mobile devices. I just switched it back but the problem is that the next button is finicky. It will work sometimes but not others.
Update: I just tried it on chrome on my mac and it works perfectly, then I tried it on chrome on a pc and a back button shows up in addition to the next button that won't work. Is there any way to make it more consistent?
- KadeJMAnswered on August 04, 2015 at 04:18 PM
Thanks for the extra information about the problem. I will need some time to fully investigate the issue some more to see if I can find the flaw you speak of and help to fix it if necessary. Either myself or one of my colleagues will respond to you again here as soon as we know more.
- KadeJMAnswered on August 04, 2015 at 04:49 PM
So I've taken some time just now to look into your issue a bit more in-depth and I believe I see an issue. I've noticed you have two scripts running for your form and generally it is recommended to only use one or the other and not both.
- ryan.ruhgeAnswered on August 04, 2015 at 04:55 PM
Ok, thanks. What do I do, because I'm sure I just copy and pasted it from "source"? If I remember correctly, I think I even copy and pasted it from "embed" with the same results.
- JotForm SupportBDAVIDAnswered on August 04, 2015 at 07:34 PM
I do recommend you the following:
1) Remove any embedded code of your form from your webpage.
2) Get the Iframe code of your form: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code
3) Before pasting the obtained code into your webpage, paste it in a text editor like WordPad, you will notice two codes, only copy and embed in your webpage the <iframe> code, example:
Let us know what happens, we will be glad to assist you.
- ryan.ruhgeAnswered on August 04, 2015 at 08:12 PM
It almost works but it makes for a very long form. You have to scroll down forever to get to the footer.
- JotForm SupportEltonCrisAnswered on August 05, 2015 at 12:05 AM
Thanks for your reply.
Iframe has fixed height and not dynamic compared to using script embed code. With that said, the iframe height will not automatically adjust according to the form length or length of the page. Now, if you are going to adjust the height of the iframe to fit on the first page, I'm afraid it may not fit on the second page or the rest of the pages since each page has different height (unless they have by any chance).
My suggestion is to try using your form source code and embed it to your page. Not sure if this is going to help but it's worth a try. You can try other embed codes as well like popup or lightbox.
Let us know if none of these suggestions work for you.