The Form skip to the next page as soon as fields are filled

  • megfenn
    Asked on March 18, 2020 at 9:51 AM

    Hi, I'm wanting to create a customer journey on my website using Jot form. Each web page will show questions based on the user's response to the form. I understand how to do the Jot form side of things and create a multi-page form, but I'm unsure how I embed that on my website so that it shows the next 'page' of the form (i.e, it looks like it goes to the next web page). Can you please advise? Thanks.

  • roneet
    Replied on March 18, 2020 at 10:31 AM

    May we know the form in question? Have you enabled the Auto next feature where as soon as the fields are filled up it jumps to the next page? Are you using the Cards or Classic layout form?

    Looking forward to your response.

    Thanks.

  • megfenn
    Replied on March 18, 2020 at 10:39 AM

    I haven't made the form yet. I was wanting to know the best way forward before I started it. Thanks in advance.

  • Richie JotForm Support
    Replied on March 18, 2020 at 11:15 AM

    You may use the Card Form if you would like to create a card type form.

    Sample Form:https://form.jotform.com/200774600418046

    If you would like to use the classic forms, you can add the Page break page element and enable Auto Next.

    The Form skip to the next page as soon as fields are filled Image 1 Screenshot 20

    Guide:https://www.jotform.com/help/119-How-to-Create-a-Multi-Page-Form-with-JotForm

    Sample Form:https://form.jotform.com/200774430597055

    Hope this information helps.

    If you have further questions, let us know.

  • megfenn
    Replied on March 18, 2020 at 12:10 PM

     Thanks very much. I'll work on the form and be back in touch if I get stuck.

  • megfenn
    Replied on March 18, 2020 at 1:19 PM

    Hi, have created the form and embedded it on a test page of our website.

    https://www.shakeitupcreative.com/test-form/

    A few questions - I've set the colours and font within Jotform but on the initial card, it displays differently. I've put a screen grab below. On the test page, the pink background is showing as dark.

    Also, how do I stop it from going full screen automatically when they click 'Next' on the first card?

    Thanks very much!

    1584551909Screenshot 2020 03 18 at 17 Screenshot 10

  • Welvin Support Team Lead
    Replied on March 18, 2020 at 1:58 PM

    Allow me to answer your next two questions in the new thread below:

    https://www.jotform.com/answers/2214926

    If there's still a problem with the form that skips page, kindly update this thread so we can take a look at it further.